Riduci le dimensioni dei contenuti above the fold

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:

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:

Feedback

Hai trovato utile questa pagina?