Le risorse basate su testo devono essere gestite 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 dell'opzione Abilita il controllo della compressione del testo di Lighthouse](https://developer.chrome.com/static/docs/lighthouse/performance/uses-text-compression/image/a-screenshot-the-lightho-b5e39391250f.png?authuser=0000&hl=it)
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 subr
,gzip
odeflate
.
Lighthouse comprime quindi ognuno di questi elementi con GZIP per calcolare il risparmio potenziale.
Se la dimensione originale di una risposta è inferiore a 1, 4 KiB o se il potenziale risparmio della compressione è inferiore al 10% rispetto alla dimensione originale, Lighthouse non segnala tale risposta nei risultati.
Attiva 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'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 utilizzare Brotli perché può ridurre le dimensioni del file delle risorse maggiormente 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.
Utilizzo di 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 dovrebbe restituire l'intestazione della risposta HTTP Content-Encoding
per indicare quale algoritmo di compressione ha 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 .
- Premi Ctrl+Maiusc+J (o Comando+Opzione+J su Mac) per aprire DevTools.
- Fai clic sulla scheda Rete.
- Fai clic sulla richiesta che ha generato la risposta che ti interessa.
- Fai clic sulla scheda Intestazioni.
- Controlla l'intestazione
content-encoding
nella sezione Intestazioni della risposta.
content-encoding
.
Per confrontare le dimensioni compresse e decompresse di una risposta:
- Premi Ctrl+Maiusc+J (o Comando+Opzione+J su Mac) per aprire DevTools.
- Fai clic sulla scheda Rete.
- Abilita righe di richiesta di grandi dimensioni. Vedi Utilizzare righe di richiesta di grandi dimensioni.
- Cerca la risposta che ti interessa nella colonna Dimensioni. Il valore in alto è la dimensione compressa. Il valore inferiore sono le dimensioni decompresse.
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.