Attiva la compressione del testo

Le risorse basate su testo dovrebbero essere pubblicate con compressione per ridurre al minimo i byte di rete totali. La sezione Opportunità del report Lighthouse elenca tutte le risorse basate su testo che non sono compresse:

Uno screenshot del controllo di compressione del testo per l'attivazione di Lighthouse

In che modo Lighthouse gestisce la compressione del testo

Lighthouse raccoglie tutte le risposte che:

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

Lighthouse li comprime quindi con GZIP per calcolare il potenziale 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.

Come attivare la compressione del testo sul server

Per superare questo controllo, attiva la compressione del testo sui server che hanno pubblicato queste risposte.

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

Accept-Encoding: gzip, compress, br

Se il browser supporta Brotli (br), devi usare Brotli perché può ridurre le dimensioni dei file delle risorse di più rispetto agli 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 Compatibilità del browser.

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

Il server dovrebbe restituire l'intestazione della risposta HTTP Content-Encoding per indicare quale algoritmo di compressione ha utilizzato.

Content-Encoding: br

Verificare se una risposta è stata compressa in Chrome DevTools

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 .

[commento]: <> (il seguente elenco era uno Short di web.dev, ma non è stato tradotto dall'inglese per nessuna lingua.) 1. Premi Control+Shift+J (o Command+Option+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.

Intestazione della risposta di codifica dei contenuti
L'intestazione della risposta content-encoding.

Per confrontare le dimensioni compresse e decompresse di una risposta:

[commento]: <> (il seguente elenco era uno Short di web.dev, ma non è stato tradotto dall'inglese per nessuna lingua.) 1. Premi Control+Shift+J (o Command+Option+J su Mac) per aprire DevTools. 2. Fai clic sulla scheda Rete. 3. Abilita le righe di richieste di grandi dimensioni. Vedi Utilizzare righe di grandi dimensioni per le richieste. 4. Esamina la colonna Dimensione per trovare la risposta che ti interessa. Il valore in alto è la dimensione compressa. Il valore inferiore è la dimensione decompressa.

Vedi anche Ridurre e comprimere i payload di rete.

Indicazioni specifiche per lo stack

Joomla

Attiva l'impostazione Compressione pagina con gzip (Sistema > Configurazione globale > Server).

WordPress

Attiva la compressione del testo nella configurazione del server web.

Risorse