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.

Questo è un altro strumento di metriche delle prestazioni che ho usato; GTmetrix
Posted in Sviluppo web.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.