Velocizzare caricamento pagina web (Webp, Avif, Search console e PageSpeed..)
-
26-07-2022 - |
Frage
Andando sulla sezione di Google Search Console - Segnali web essenziali, troveremo il rapporto sulla qualità dell'esperienza utente sulle nostre pagine web, sia da mobile che da desktop.
Ci sono tre classificazioni di esperienza utente:
URL scadenti: Sono gli url da risistemare completamente
URL richiedono miglioramenti: Sono gli url semplicemente da migliorare
URL buoni: url che non hanno bisogno di sistemazioni
Ora che sappiamo come trovare le pagine da migliorare, come facciamo a sistemare la situazione?
Ora che sappiamo come trovare le pagine da migliorare, come facciamo a sistemare la situazione?
Lösung
Per ottimizzare la velocità di caricamento di una pagina web, google stessa ci da alcuni consigli:
- Includere in pagina solo contenuti javascript, css ed immagini che risiedono sul nostro server, mai puntare ad url esterni.
- Caricare in maniera asincrona gli script javascript non fondamentali: o
- defer: carica in modo asincrono ma ordinato, serve quando i javascript hanno delle dipendenze tra di loro
- async: carica in modo asincrono ma in modo indipendente
- Ridurre la pesantezza dei contenuti javascript: creare o puntare sempre a javascript che sono stati minimizzati. Gli strumenti per farlo per esempio sono su: https://www.tutorialspoint.com/online_javascript_minifier.htm
- Ridurre la pesantezza dei contenuti css: creare o puntare sempre a css che sono stati minimizzati. Gli strumenti per farlo per esempio sono su: https://smallseotools.com/it/minify-css/
- Convertire le immagini nei nuovi formati standard più leggeri come webp o avif. Uno strumento online per la conversione dai vecchi jpg o png è ad esempio: https://convertio.co/it/
- Ridimensionare le immagini alla grandezza veramente richiesta aprendo l'immagine con un programma come paint ad esempio e cliccando sulla voce ridimensiona
Infine per valutare la velocità della tua pagina Google mette a disposizione uno strumento gratuito e molto valido come PageSpeed Insights per testare sia da mobile che da desktop e restituisce un punteggio con cui basare le tue perfomance.
Lizenziert unter: CC-BY-SA mit Zuschreibung