Panoramica
Riduci le dimensioni dei file inviati dal tuo server per aumentare la velocità con cui vengono trasferiti al browser.
- Riduci le dimensioni delle pagine fino al 70%
- Aumenta la velocità della pagina
- Rapporto costi-benefici: alto
- Accesso necessario ai file .htaccess o ai file di amministrazione del server
Cos'è la compressione?
Quando un utente visita il tuo sito web, viene effettuata una chiamata al tuo server per consegnare i file richiesti.
Più grandi sono questi file, più tempo impiegherà per arrivare al tuo browser e apparire sullo schermo.
Gzip / Brotli comprime le tue pagine web e fogli di stile prima di inviarli al browser. Ciò riduce drasticamente il tempo di trasferimento poiché i file sono molto più piccoli.
In termini di costi rispetto a vantaggi, la compressione dovrebbe essere vicino alla parte superiore delle ottimizzazioni della velocità della pagina se non l'hai già configurata.
Come funziona?
Gzip / Brotli è in realtà un'idea abbastanza semplice che è estremamente potente se messa a frutto. Gzip / Brotli individua stringhe simili all'interno di un file di testo e le sostituisce temporaneamente per ridurre la dimensione complessiva del file.
Il motivo per cui gzip / Brotli funziona così bene in un ambiente web è perché i file CSS e HTML usano molto testo ripetuto e hanno un sacco di spazi bianchi. Poiché gzip / Brotli comprime le stringhe comuni, questo può ridurre le dimensioni delle pagine e dei fogli di stile fino al 70%!
Gzip / Brotli deve essere abilitato sul tuo server web, il che è relativamente semplice.
Quando un browser visita un server web, controlla se il server ha gzip / Brotli abilitato e richiede la pagina web. Se abilitato riceve il file gzip / Brotli che è notevolmente più piccolo e se non lo è riceve comunque la pagina, solo la versione non compressa che è molto più grande.
Perché è importante?
Il motivo principale per cui è importante è perché riduce il tempo necessario a un sito Web per trasferire i file di pagina e i fogli di stile, il che alla fine riduce il tempo di caricamento del sito Web.
Come abilitare
Esistono diversi metodi per impostare la compressione gzip / Brotli a seconda che tu abbia o meno un server IIS o Apache (o qualcos'altro completamente).
Per IIS
Se il tuo server è IIS, segui queste istruzioni nel documento Microsoft TechNet per abilitare la compressione.
Per Apache
Dovrai aggiungere le seguenti righe al tuo file .htaccess:
<IfModule mod_deflate.c>
# Comprimi HTML, CSS, JavaScript, testo, XML e caratteri AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Rimuovi i bug del browser (necessario solo per i browser molto vecchi) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent
</IfModule>
Dopo aver salvato il file .htaccess, prova di nuovo il tuo sito in GTmetrix.com per assicurarti che sia stato compresso correttamente.