Come abilitare la compressione GZIP per WordPress

Un sito web lento può creare molti problemi. Può allontanare potenziali visitatori e clienti, danneggiare l'esperienza utente (UX) del tuo sito e persino influire sulla tua reputazione.

Diminuire le dimensioni delle pagine del tuo sito web è la chiave per migliorare la velocità di caricamento. Fortunatamente, la compressione GZIP è un ottimo metodo per ottenere un caricamento rapido della pagina e una riduzione delle dimensioni del file.

In questa guida, esamineremo le basi della compressione GZIP, incluso cos'è e cosa fa. Descriveremo quindi in dettaglio come abilitare la compressione GZIP su un sito Web WordPress. Saltiamo subito dentro!

Cos'è la compressione GZIP?

La compressione GZIP è un tipo di compressione dei dati simile a ZIP e RAR. Può essere utilizzato per comprimere tutti i file sul tuo sito Web, siano essi di testo, HTML, CSS, JavaScript o XML.

La compressione GZIP si verifica prima che i file vengano forniti ai browser web dei tuoi visitatori. Attraverso questo metodo, la compressione GZIP riduce le dimensioni dei file, il che può avere un effetto positivo sui tempi di caricamento del sito web.

Cosa fa la compressione GZIP?

Quando un visitatore arriva sul tuo sito web, il suo browser richiede i file del sito dal suo server. Il tuo server comprimerà quei file prima di inviarli al browser. La compressione GZIP è un metodo di compressione dei file tra gli altri.

I file compressi vengono trasferiti più velocemente rispetto ai file non compressi. Ciò aiuta a migliorare le prestazioni del sito Web e la velocità di caricamento e, di conseguenza, l'ottimizzazione per i motori di ricerca (SEO).

Come vedere se la compressione GZIP è abilitata

La compressione GZIP è popolare e molte piattaforme di hosting WordPress la abilitano per impostazione predefinita. Se non sei sicuro di come verificare se la compressione GZIP funziona sul tuo sito, puoi verificarlo utilizzando soluzioni di terze parti o strumenti di sviluppo nel browser.

Se non hai abilitato la compressione GZIP, in genere vedrai degli avvisi in strumenti come GTmetrix. Puoi anche utilizzare uno strumento di compressione GZIP per vedere se il tuo sito web utilizza la compressione GZIP.

È anche possibile verificare se la compressione GZIP funziona utilizzando gli strumenti di sviluppo del browser. Se abilitato, l'intestazione della risposta includerà "codifica del contenuto: gzip":

Per trovare l'intestazione della risposta in Chrome, dovrai aprire DevTools e passare a Rete , quindi ricaricare la pagina. Fai clic sul nome che corrisponde al tuo sito Web e si aprirà l'intestazione della risposta.

Come abilitare la compressione GZIP su WordPress

Tutti i siti Web su WP Engine utilizzano la compressione GZIP come impostazione predefinita. Tutti i file statici inclusi file di testo, immagini, CSS e JavaScript vengono automaticamente compressi per prestazioni ottimali del sito web. Questa compressione automatica riduce la necessità di direttive GZIP nel file .htaccess .

Tuttavia, non tutti i siti Web WordPress sono ospitati su WP Engine e non beneficeranno dell'abilitazione predefinita della compressione GZIP. Se il tuo sito web è ospitato su una piattaforma diversa, potrebbe essere necessario abilitare manualmente la compressione GZIP. Ci sono diversi modi per farlo, che vedremo in seguito.

Abilita la compressione GZIP con un plugin

Il modo più semplice per abilitare la compressione GZIP è utilizzare un plug-in di memorizzazione nella cache. Strumenti come WP Rocket abilitano la compressione aggiungendo codice al tuo file .htaccess per te, mentre altri come W3 Total Cache ti richiederanno di aggiungere manualmente quel codice.

Sebbene questo sia generalmente il metodo più semplice per aggiungere la compressione GZIP, comporta l'aggiunta di un plug-in aggiuntivo al tuo sito. Se stai cercando di mantenere snella la tua libreria di plugin, puoi invece utilizzare una delle seguenti soluzioni.

Abilita la compressione GZIP per Nginx

Se il tuo sito Web utilizza Nginx, esiste uno snippet di codice che puoi utilizzare per abilitare la compressione GZIP. Devi inserire lo snippet di codice qui sotto nel file nginx.conf del tuo sito, nella sezione "http". Puoi anche inserire questo frammento di codice nel blocco di configurazione del server o della posizione, ma in genere si consiglia la sezione http:

gzip on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;
gzip_min_length 1000;
gzip_vary on;
gzip_proxied no-cache no-store private expired auth;
gzip_diable “MSIE [1-6];

Dopo aver salvato e chiuso il file, dovrai riavviare Nginx. Per fare ciò, utilizzare il seguente comando:

sudo service nginx restart

Dopo il riavvio, verificare che la compressione GZIP sia attiva, utilizzando i metodi descritti in precedenza.

Abilita la compressione GZIP per Apache (modificando il file .htaccess)

Se il tuo host web utilizza Apache, dovrai modificare il file .htaccess per abilitare la compressione GZIP. Questo file può essere trovato nella directory principale della tua installazione di WordPress, tramite File Transfer Protocol (FTP) o il tuo file manager. La maggior parte dei metodi di compressione GZIP di WordPress richiedono la modifica del file .htaccess .

Esistono due mod Apache che puoi utilizzare per abilitare GZIP, ma mod_deflate è l'opzione più ampiamente supportata e meglio documentata. Per abilitare mod_deflate , aggiungi:

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
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

# Remove browser bugs (only needed for really old browsers)
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>

Per abilitare invece mod_gzip , aggiungi:

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>

Prima di utilizzare una delle mod, devi eseguire un backup del tuo file .htaccess e assicurarti che il modulo mod_filter sia sul tuo server, altrimenti potrebbe verificarsi un errore 500.

Continua ad imparare con WP Engine

Ridurre le dimensioni delle pagine del tuo sito web può ridurre i tempi di caricamento e migliorare le prestazioni complessive. La compressione GZIP può abilitare questa riduzione, ma solo quando è abilitata.

Fortunatamente, qui a WP Engine abilitiamo la compressione GZIP per impostazione predefinita. Inoltre, offriamo risorse eccezionali per aiutarti a imparare come costruire un'esperienza digitale eccezionale per i tuoi visitatori!