Questa regola viene attivata quando PageSpeed Insights rileva la necessità di ulteriori tempi di round trip a livello di rete per visualizzare i contenuti above the fold della pagina.
Panoramica
Se la quantità di dati richiesti supera la finestra di congestione iniziale (in genere una compressione di 14,6 kB), saranno necessari ulteriori round trip tra il tuo server e il browser dell'utente. Per gli utenti che utilizzano reti con latenze elevate come le reti per dispositivi mobili, questo può generare ritardi significativi nel caricamento della pagina.
Suggerimenti
Per caricare le pagine più velocemente, puoi limitare le dimensioni dei dati (markup HTML, immagini, CSS, JavaScript) necessari a eseguire il rendering dei contenuti above the fold della pagina. Puoi farlo in diversi modi:- Strutturare il codice HTML in modo che carichi per primi i contenuti above the fold più importanti
- Riduci la quantità di dati utilizzati dalle risorse
Struttura il documento HTML in modo che carichi i contenuti above the fold più importanti per primi
Carica i contenuti principali della pagina per primi. Struttura la pagina in modo che la risposta iniziale del server invii i dati necessari per visualizzare immediatamente la parte critica della pagina e rimandare il resto. Ciò può significare che devi suddividere il tuo CSS in due parti: una parte in linea responsabile dello stile della parte ATF dei contenuti e la parte che può essere differita.
Consulta i seguenti esempi di ristrutturazione di un sito in modo che venga caricato più rapidamente:
- Se il documento HTML carica widget di terze parti prima dei contenuti principali, modifica l'ordine per caricare questi ultimi per primi.
- Se il tuo sito utilizza un design a due colonne con una barra di navigazione laterale e un articolo ma il documento HTML carica per prima la barra, valuta la possibilità di anticipare il caricamento dell'articolo.
Riduci la quantità di dati utilizzati dalle tue risorse
Dopo che il tuo sito è stato riprogettato per funzionare bene su più dispositivi e caricare prima i contenuti critici, utilizza le seguenti tecniche per ridurre la quantità di dati necessari per visualizzare la pagina:- Minimizza le risorse. Le risorse HTML, CSS e JavaScript possono essere minimizzate rimuovendo i commenti e gli spazi vuoti superflui. È possibile ottimizzare ulteriormente le risorse attraverso l'utilizzo di strumenti in grado di rinominare i nomi delle variabili in esse contenute.
- Ove possibile, valuta l'utilizzo di codici CSS al posto delle immagini.
- Abilita la compressione
Feedback
Hai trovato utile questa pagina?