Ridurre il Vostro Sito web, per Dimensioni, Con Gzip e Compressione Deflate

0
207
DG-Studio/Shutterstock

Il tuo sito web è la velocità è importante, come un sito web più veloce sarà notevolmente diminuire la frequenza di rimbalzo. La compressione dei file sul server side è un modo semplice per ridurre le dimensioni del tuo sito web, che velocizza il caricamento.

La Codifica Del Contenuto, Ha Spiegato

Ogni volta che si tenta di accedere a un sito web, il browser invia una richiesta al server, il quale risponde con il codice per la pagina web. Questo funziona, ma l’invio del codice tramite richiede tempo, soprattutto per gli utenti mobili su connessioni lente. Ogni kilobyte conta.

L’HTML è molto ripetitivo. Ogni <div> e il tag <style> simili tag di chiusura, ed è tutto solo testo comunque. Questo significa che comprime molto facilmente.

La maggior parte dei browser supporta HTML compresso, e ti diranno se si può fare con un Accept-Encoding intestazione della richiesta GET al server:

Accept-Encoding: gzip, deflate

Questo significa che il client è in grado di decomprimere i file compressi con gzip o deflate. Il tuo server è in grado di ascoltare per questa intestazione e quindi inviare un file HTML compresso con gzip con l’intestazione:

Content-Encoding: gzip

Puoi server di tutti i tipi di file in una maniera simile, tra cui CSS, JavaScript, XML e JSON API risposte. Tutti sono di testo sotto il cofano, e tutti possono essere compressi.

Abilitare la Compressione in Nginx

Per fortuna, questo è un processo abbastanza semplice. Nginx ha gzip codifica integrato, devi solo abilitare aggiungendo il seguente codice al file di configurazione, di solito si trova in /etc/nginx/nginx.conf:

gzip su;
gzip_comp_level 2;
gzip_http_version 1.0;
gzip_proxied qualsiasi;
gzip_min_length 1100;
gzip_buffers 16 8k;
gzip_types text/plain text/html text/css application/x-javascript text/xml, application/xml, application/xml+rss text/javascript;

# Per disattivare IE < 6 perché ci sono alcuni problemi noti
gzip_disable “MSIE [1-6].(?!.*SV1)”;

# Aggiungere un’intestazione variano a valle proxy per evitare l’invio di cache file compresso con gzip per IE6
gzip_vary su;

Questo attiva il gzip modulo, e lo configura per comprimere più file di testo.

Abilitare la Compressione in Apache

Per Apache, è necessario aprire il file di configurazione di Apache, di solito si trova in uno dei seguenti luoghi:

  • /etc/apache2/httpd.conf
  • /etc/apache2/apache2.conf
  • /etc/httpd/httpd.conf
  • /etc/httpd/conf/httpd.conf

Quindi, assicurarsi che le righe seguenti sono commentata per abilitare deflazionare il modulo:

LoadModule filter_module moduli/mod_filter.così
LoadModule deflate_module moduli/mod_deflate.così

Salvare e ricaricare Apache, e si può controllare se il modulo è caricato con:

apachectl -t-D DUMP_MODULES | grep sgonfiare

Se lo è, è possibile aprire il file config di back up e di attivare la codifica del contenuto con il AddOutputFilter direttiva:

SetOutputFilter SGONFIARE
AddOutputFilterByType DEFLATE text/html text/plain text/css applicazione/javascript

Controllare Se È Attivata La Compressione

Si può controllare se il server web è la compressione correttamente online prova di compressione, o controllando le intestazioni di risposta in Chrome dev tools.

Come si può vedere, la compressione howtogeek.com risultati in un 77% di sconto, solo il 32 Kb.

Comprimere Le Immagini Manualmente

Immagini di lavoro un po ‘ diverso, in quanto non sono di testo, e non comprimere facilmente. È ancora possibile comprimere le immagini con gzip, ma non sarà il risparmio di spazio.

Invece, si vorrà assumere tradizionale di compressione JPEG. JPEG ha un’impostazione di qualità, e un JPEG 70% di qualità è quasi indistinguibile da un 100% di qualità del file, con enorme risparmio di spazio.

È possibile eseguire questa operazione manualmente in Photoshop o un altro editor di testo, o è in grado di elaborare un’intera cartella di immagini in una sola volta con ImageMagick:

per f in *.jpg; effettuare la conversione di qualità 70 $f $f; fatto

Se le immagini sono ancora troppo grandi, è possibile eliminare il ulteriormente la qualità, ma il 70% è un buon segno per la generale compressione. Assicurarsi che la risoluzione delle immagini non è inutilmente grande sia.

La compressione è solo una parte di velocizzare il tuo sito web. Potete leggere la nostra guida per velocizzare un sito lento per saperne di più.