Attiva la compressione del testo

Le risorse basate su testo devono essere gestite con compressione per ridurre al minimo il numero totale di risorse byte. La sezione Opportunità del report Lighthouse elenca tutte le e risorse che non sono compresse:

Uno screenshot dell'opzione Abilita il controllo della compressione del testo di Lighthouse

In che modo Lighthouse gestisce la compressione del testo

Lighthouse raccoglie tutte le risposte che:

  • Avere tipi di risorse basati su testo.
  • Non includere un'intestazione content-encoding impostata su br, gzip o deflate.

Lighthouse comprime poi ciascuno di questi GZIP per calcolare il potenziale di risparmio.

Se la dimensione originale di una risposta è inferiore a 1, 4 KiB o se il potenziale risparmio in termini di compressione è inferiore al 10% delle dimensioni originali, Lighthouse non segnala questa risposta nei risultati.

Attiva la compressione del testo sul server

Attiva la compressione del testo sui server che hanno pubblicato queste risposte al fine di superare il controllo.

Quando un browser richiede una risorsa, utilizzerà Accept-Encoding Intestazione della richiesta HTTP per indicare quali algoritmi di compressione supporta.

Accept-Encoding: gzip, compress, br

Se il browser supporta Brotli (br) dovresti usare Brotli perché può ridurre le dimensioni del file delle risorse rispetto a quanto altri algoritmi di compressione. Cerca how to enable Brotli compression in <X>, dove <X> è il nome del tuo server. A partire da dicembre 2022, Brotli è supportato in tutti i principali browser, ad eccezione di Safari su iOS. Consulta Compatibilità del browser per aggiornamenti.

Utilizzo di GZIP come riserva per Brotli. GZIP è supportato in tutti i principali browser, ma è meno efficiente di Brotli. Consulta Configurazioni server per consultare alcuni esempi.

Il tuo server dovrebbe restituire i valori Content-Encoding Intestazione della risposta HTTP per indicare l'algoritmo di compressione utilizzato.

Content-Encoding: br

Controlla la compressione delle risposte

Per verificare se un server ha compresso una risposta:

Premi Control+Shift+J (o Command+Option+J su Mac) per aprire DevTools. Fai clic sulla scheda Rete .

  1. Premi Ctrl+Maiusc+J (o Comando+Opzione+J su Mac) per aprire DevTools.
  2. Fai clic sulla scheda Rete.
  3. Fai clic sulla richiesta che ha generato la risposta che ti interessa.
  4. Fai clic sulla scheda Intestazioni.
  5. Controlla l'intestazione content-encoding nella sezione Intestazioni della risposta.
di Gemini Advanced.
L&#39;intestazione della risposta di codifica dei contenuti
L'intestazione della risposta content-encoding.

Per confrontare le dimensioni compresse e decompresse di una risposta:

  1. Premi Ctrl+Maiusc+J (o Comando+Opzione+J su Mac) per aprire DevTools.
  2. Fai clic sulla scheda Rete.
  3. Abilita righe di richiesta di grandi dimensioni. Vedi Utilizzare righe di richiesta di grandi dimensioni.
  4. Cerca la risposta che ti interessa nella colonna Dimensioni. La in alto è la dimensione compressa. Il valore inferiore è il valore decompresso dimensioni.

Vedi anche Minimizzare e comprimere i payload di rete.

Indicazioni specifiche per stack

  • Joomla: attiva l'impostazione di compressione delle pagine con Gzip (Sistema > Configurazione globale > Server).
  • WordPress: attiva la compressione del testo nella configurazione del server web.

Risorse