Attiva la compressione del testo

Le risorse basate sul testo dovrebbero essere pubblicate con compressione per minimizzare il numero totale di byte di rete. La sezione Opportunità del report Lighthouse elenca tutte le risorse basate su testo non compresse:

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

Come 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 ogni file con GZIP per calcolare il potenziale risparmio.

Se le dimensioni originali di una risposta sono inferiori a 1,4 KB o se il risparmio potenziale dovuto alla compressione è inferiore al 10% delle dimensioni originali, Lighthouse non segnala la risposta nei risultati.

Attivare la compressione del testo sul server

Attiva la compressione del testo sui server che hanno fornito queste risposte per superare questo controllo.

Quando un browser richiede una risorsa, utilizza l'Accept-Encoding intestazione della richiesta HTTP per indicare gli algoritmi di compressione supportati.

Accept-Encoding: gzip, compress, br

Se il browser supporta Brotli (br), ti consigliamo di utilizzarlo perché può ridurre le dimensioni dei file delle risorse più degli 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. Per gli aggiornamenti, consulta la sezione Compatibilità del browser.

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

Il server deve restituire l'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 Control+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 di risposta.
L&#39;intestazione di risposta Content-Encoding
Intestazione della risposta content-encoding.

Per confrontare le dimensioni compresse e decompresse di una risposta:

  1. Premi Control+Maiusc+J (o Comando+Opzione+J su Mac) per aprire DevTools.
  2. Fai clic sulla scheda Rete.
  3. Attiva le righe di richiesta di grandi dimensioni. Vedi Utilizzare righe di richiesta di grandi dimensioni.
  4. Nella colonna Dimensione, cerca la risposta che ti interessa. Il valore superiore è costituito dalle dimensioni compresse. Il valore inferiore è la dimensione sgonfiata.

Vedi anche Minimizzare e comprimere i payload di rete.

Indicazioni specifiche per lo stack

  • Drupal: le risorse basate sul testo devono essere pubblicate con compressione (gzip, deflate o brotli) per ridurre al minimo i byte di rete totali. Prendi in considerazione l'utilizzo di una CDN che supporti questa operazione in modo nativo oppure configura il server web per eseguire questa operazione. Scopri di più.
  • 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