Cum să activați compresia GZIP pentru WordPress

Un site web lent poate crea multe probleme. Poate alunga potențialii vizitatori și clienți, poate afecta experiența utilizatorului (UX) a site-ului dvs. și chiar vă poate afecta reputația.

Scăderea dimensiunii paginilor site-ului dvs. este cheia pentru îmbunătățirea vitezei de încărcare. Din fericire, compresia GZIP este o metodă excelentă pentru a obține o încărcare rapidă a paginii și a reduce dimensiunea fișierului.

În acest ghid, ne vom uita la elementele de bază ale compresiei GZIP, inclusiv ce este și ce face. Apoi vom detalia cum să activați compresia GZIP pe un site web WordPress. Să sărim direct înăuntru!

Ce este compresia GZIP?

Comprimarea GZIP este un tip de compresie a datelor similar cu ZIP și RAR. Poate fi folosit pentru a comprima toate fișierele de pe site-ul dvs., fie că sunt text, HTML, CSS, JavaScript sau XML.

Comprimarea GZIP are loc înainte ca fișierele să fie trimise în browserele web ale vizitatorilor dvs. Prin această metodă, compresia GZIP reduce dimensiunile fișierelor, ceea ce poate avea un efect pozitiv asupra timpilor de încărcare a site-ului.

Ce face GZIP Compression?

Când un vizitator ajunge pe site-ul dvs. web, browserul său solicită fișierele site-ului de la serverul său. Serverul dvs. va comprima acele fișiere înainte de a le trimite către browser. Comprimarea GZIP este o metodă de comprimare a fișierelor, printre altele.

Fișierele comprimate se transferă mai repede decât fișierele necomprimate. Acest lucru ajută la îmbunătățirea performanței site-ului web și a vitezei de încărcare și, ca rezultat, optimizarea pentru motoarele de căutare (SEO).

Cum să vezi dacă compresia GZIP este activată

Comprimarea GZIP este populară și multe platforme de găzduire WordPress o activează implicit. Dacă nu sunteți sigur cum să verificați dacă compresia GZIP funcționează pe site-ul dvs., o puteți testa folosind soluții terțe sau instrumente de dezvoltare în browser.

Dacă nu aveți compresia GZIP activată, veți vedea în general avertismente în instrumente precum GTmetrix. De asemenea, puteți utiliza un instrument de compresie GZIP pentru a vedea dacă site-ul dvs. web folosește compresia GZIP.

De asemenea, este posibil să verificați dacă compresia GZIP funcționează utilizând instrumentele de dezvoltare ale browserului. Când este activat, antetul răspunsului va include „content-encoding: gzip”:

Pentru a găsi antetul răspunsului în Chrome, va trebui să deschideți DevTools și să navigați la Rețea , apoi să reîncărcați pagina. Faceți clic pe numele care se potrivește site-ului dvs. și se va deschide antetul de răspuns.

Cum să activați compresia GZIP pe WordPress

Toate site-urile web de pe WP Engine folosesc compresia GZIP ca implicită. Toate fișierele statice, inclusiv fișierele text, imaginile, CSS și JavaScript, sunt comprimate automat pentru o performanță optimă a site-ului. Această compresie automată reduce nevoia de directive GZIP în fișierul .htaccess .

Cu toate acestea, nu toate site-urile WordPress sunt găzduite pe WP Engine și nu vor beneficia de activarea implicită a compresiei GZIP. Dacă site-ul dvs. este găzduit pe o altă platformă, poate fi necesar să activați manual compresia GZIP. Există mai multe moduri de a face acest lucru, pe care le vom analiza în continuare.

Activați compresia GZIP cu un plugin

Cel mai simplu mod de a activa compresia GZIP este să utilizați un plugin de cache. Instrumente precum WP Rocket permit comprimarea adăugând cod în fișierul .htaccess pentru dvs., în timp ce altele, cum ar fi W3 Total Cache, vă vor cere să adăugați manual acel cod.

Deși aceasta este, în general, cea mai simplă metodă de a adăuga compresie GZIP, implică adăugarea unui plugin suplimentar pe site-ul dvs. Dacă încercați să mențineți biblioteca de pluginuri slabă, puteți utiliza una dintre următoarele soluții.

Activați compresia GZIP pentru Nginx

Dacă site-ul dvs. web folosește Nginx, există un fragment de cod pe care îl puteți utiliza pentru a activa compresia GZIP. Trebuie să plasați fragmentul de cod de mai jos în fișierul nginx.conf al site-ului dvs., în secțiunea „http”. De asemenea, puteți plasa acest fragment de cod în blocul de configurare a serverului sau a locației, dar secțiunea http este, în general, recomandată:

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];

După ce ați salvat și închis fișierul, va trebui să reporniți Nginx. Pentru a face acest lucru, utilizați următoarea comandă:

sudo service nginx restart

După repornire, verificați pentru a vă asigura că compresia GZIP este activă, folosind metodele detaliate anterior.

Activați compresia GZIP pentru Apache (prin editarea fișierului .htaccess)

Dacă gazda dvs. web folosește Apache, va trebui să editați fișierul .htaccess pentru a activa compresia GZIP. Acest fișier poate fi găsit în directorul rădăcină al instalării WordPress, prin protocolul de transfer de fișiere (FTP) sau managerul de fișiere. Majoritatea metodelor de compresie GZIP WordPress vor necesita editarea fișierului .htaccess .

Există două moduri Apache pe care le puteți folosi pentru a activa GZIP, dar mod_deflate este cea mai acceptată și mai bine documentată opțiune. Pentru a activa mod_deflate , adăugați:

<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>

Pentru a activa mod_gzip , adăugați:

<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>

Înainte de a utiliza oricare dintre mod, trebuie să faceți o copie de rezervă a fișierului dvs. .htaccess și să vă asigurați că modulul mod_filter este pe serverul dvs., sau poate apărea o eroare 500.

Continuați să învățați cu WP Engine

Reducerea dimensiunii paginilor site-ului dvs. poate reduce timpii de încărcare și crește performanța generală. Comprimarea GZIP poate activa această reducere, dar numai atunci când este activată.

Din fericire, aici, la WP Engine, activăm implicit compresia GZIP. În plus, oferim resurse remarcabile pentru a vă ajuta să învățați cum să construiți o experiență digitală remarcabilă pentru vizitatorii dvs.!