• User Attivo

    Possiamo fidarci di PageSpeed?

    Ciao a tutti!
    Faccio questo post perché un cliente mi ha chiesto urgentemente di metter su una pagina perché partecipava ad una fiera....

    Come da mi abitudine il codice è stato realizzato "da zero"...

    La cosa che mi ha stupito è che non ho assolutamente curato le immagini... avevo fretta...
    Per curiosità (e anche per vedere cosa diceva pagespeed) ho comunque voluto fare un test al volo.

    risultato mobile

    a6251fe0-60ac-43c8-a6c4-a1aa3f600cf4-image.png

    ovviamente Desktop è 100...

    però faccio notare questo....

    8505a987-2859-436c-bf51-640ee9f69f8c-image.png

    p.s. GTMETRIX

    912138c4-7431-4eab-883a-f81a277288eb-image.png

    1. in particolare le immagini (come accennato) non erano assolutamente ottimizzate... ne ho una da 7MB!!!
    2. non ho pubblicato webp!.. solo jpg

    altre piccole cose ovviamente ottimizzabili...

    p.s. stesso test su gtmetrix... valore "B"

    secondo me i check, almeno in questo caso, sono totalmente sbagliati...


  • User Attivo

    aggiungo questo.. perché ovviamente metterò mano alla pagina che non è ottimizzata

    b3624094-d9b4-4d95-a0a0-9d8967c36ffd-image.png


  • Community Manager

  • User Attivo

    P.S.: ora ho ottimizzato anche le immagini... ovvio che è meglio.. ma il risultato precedente è assurdo

    291761aa-0270-4bd0-988b-825df8db07bc-image.png

    di seguito il tag picture utilizzato per le immagini

    <picture class="image">
    		<source media="(max-width: 767px)" srcset="/img/slides/mobile/miaimmagine.webp" type="image/webp">
    		<source media="(max-width: 767px)" srcset="/img/slides/mobile/miaimmagine.jpg" type="image/jpeg">
    		<source media="(min-width: 768px) and (max-width: 1024px)" srcset="/img/slides/pad/miaimmagine.webp" type="image/webp">
    		<source media="(min-width: 768px) and (max-width: 1024px)"  srcset="/img/slides/pad/miaimmagine.jpg" type="image/jpeg">
    		<source media="(min-width: 1025px)" srcset="/img/slides/miaimmagine.webp" type="image/webp">
    		<source media="(min-width: 1025px)"  srcset="/img/slides/miaimmagine.jpg" type="image/jpeg">
    		<img src="/img/slides/mobile/piani-stratificati-in-hpl.jpg" alt="Piani stratificati in HPL" width="767" height="449" loading="lazy">
    </picture>
    
    

    La cosa che se vogliamo è "particolare" è che anziché inserire nel tag IMG l'immagine più grande avevo inserito una versione mobile dell'immagine... quindi con dimensioni e peso ottimizzate....


    juanin 1 Risposta
  • Admin

    @mirkomassarutto diciamo che il punteggio è basato sui Core Web Vitals principalmente e se le metriche che impattano sul rendering della parte immediatamente visibile/usabile sono buono per l'utente la percezione è buona.

    Poi ovviamente sotto ti dice che hai parecchio margine di ottimizzazione.

    Tutti i tool sintetici vanno presi per quello che sono, ma sono utili per identificare rapidamente eventuali problemi da risolvere al netto dello score che lascia il tempo che trova.

    Più interessante sicuramente il check che mostra i dati RUM.


    mirkomassarutto 1 Risposta
  • User Attivo

    @juanin si ok... Premesso che una pagina costruita così non dovrebbe nemmeno esistere.. ok i web vitals.. ma la valutazione dovrebbe essere basata sul complesso... Ed una pagina del genere dovrebbe essere castigata pesantemente.

    Comunque ok lo score ma stiamo attenti a tutto :1:


    juanin 1 Risposta
  • Admin

    @mirkomassarutto fintanto che la percezione di velocità per l'utente è buona è giusto che abbia un buon punteggio. Alla fine le immagini non sono bloccanti e magari in alcuni tipi di siti non sono neanche fondamentali.

    Diverso se ad esempio parliamo di hero image o casi dove l'immagine è tutto.


  • User Newbie

    Ciao, anche io ho fatto delle prove con delle landing page completamente in html (sia per verificare i risultati di lightroom che per fare un’ottimizzazione seo manuale) i risultati sono stati davver eccellenti. Tant'è che alcune pagine chiave di wordpress le ho migrate su queste pagine. Ottenere risultati eccellenti con wordpress sta diventando difficile per via della quantità di plugin e relativi js e css che i clienti usano senza proposito...poi si cerca di usare altri plugin per la cache che spesso fanno pasticci.