Velocizza il server e le pagine Web con la compressione del testo

Hai mai testato la tua pagina su Google PageSpeed insights?

• 

• 

Il punteggio è piuttosto duro con te se non segui le sue regole di ottimizzazione. Ed eccone un aspetto specifico di questa ottimizzazione: la compressione del testo.

Come si fa a comprimere la tua pagina (aka G-IP me per favore)

Convenientemente, google PageSpeed insight ci forniscono alcune informazioni sui miglioramenti delle prestazioni necessari, e sulla compressione del testo che cita:

Le risorse basate su testo devono essere servite con compressione per ridurre al minimo i byte totali di rete.

Qui puoi trovare cos'altro google ha da dire sull'argomento: Abilita compressione testo

cosa fare

Se stai usando un un computer portatile o un tablet, prova a spostarlo in un altro punto e riprova.

Modificare il file NGINX .conf

Se il server funziona con nginx, sarà necessario modificare il file conf che serve il dominio o tutti i domini sullo stesso server, a seconda di dove si modifica il file.

Nel mio caso ho dovuto aggiungere quanto segue nel file wordpress.conf che serve questo dominio:

       gzip su;
       gzip_vary su;
       gzip_min_length 10240;
       gzip_proxied'autenticazione privata no-cache no-cache scaduta;
       gzip_comp_level 5;
       gzip_types text/plain text/css application/javascript application/x-javascript text/xml application/xml application/rss-xml text/javascript image/x-icon image/bmp image/svg-xml;
       gzip_disable "MSI[1-6]E .";
       gunzip su;

Questa artiche di repubblica tecnologica, gentilmente ci spiegano anche il significato di ogni linea:

• gzip su -> in modo un po 'intuitivo questo consente la compressione gzip
• gzip_vary su: -> indica ai proxy di memorizzare nella cache sia le versioni gzipped che le versioni regolari di una risorsa
• gzip_min_length 1024; -> informa NGINX di non comprimere nulla di più piccolo di N dimensione (in questo caso 1024)
• gzip_proxied -> comprimono i dati anche per i client che si connettono tramite proxy
• gzip_types -> abilita i tipi di file che possono essere compressi
• gzip_disable "MSIE .";[1-6] -> disabilita la compressione per le versioni precedenti di Internet Explorer
• gunzip su; -> da qualche altra parte ho letto che devo anche abilitare la decompressione, altrimenti non lo farà. (questo non è incluso in questo articolo, ma lo lascio qui come ho fatto io e penso che abbia contribuito ad aumentare la classifica)

Non abbiamo ancora finito: .htaccess config

Sì, la seconda parte richiede di configurare il lato apache delle cose, ci dovrai assicurarti di specificare quanto segue:

<IfModule mod_deflate.c="">
<FilesMatch ".(html|php|txt|xml|js|css)$"="">SetOutputFilter DEFLATE</FilesMatch>
</IfModule>

Alcune persone includono anche file di immagine e altri utilizzano una configurazione completamente diversa come:

<IfModule mod_deflate.c="">- Comprimere HTML, CSS, JavaScript, Testo, XML e font
  AddOutputFilterByType DEFLATE applicazione/javascript
  AddOutputFilterByType DEFLATE applicazione/rss
  AddOutputFilterByType DEFLATE applicazione/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE applicazione/x-font
  AddOutputFilterByType DEFLATE applicazione/x-font-opentype
  AddOutputFilterByType DEFLATE applicazione/x-font-otf
  AddOutputFilterByType DEFLATE applicazione/x-font-truetype
  AddOutputFilterByType DEFLATE applicazione/x-font-ttf
  AddOutputFilterByType DEFLATE applicazione/x-javascript
  AddOutputFilterByType DEFLATE applicazione/xhtml
  AddOutputFilterByType DEFLATE applicazione/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg-xml
  AggiungiOutputFilterByType DEFLATE immagine/icona x
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE testo/html
  AddOutputFilterByType DEFLATE testo/javascript
  AddOutputFilterByType TESTO DEFLATE/plain
  AddOutputFilterByType DEFLATE testo/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 !no-gzip !gzip-only-text/html
  Aggiunta intestazione Varia agente utente</IfModule>

Non ho provato quest'ultima configurazione, come il primo ha funzionato bene per me, ma lo lascio qui nel caso in cui in futuro devo lavorare su questo su altri siti.