Slăbiți pentru SEO - Metode de compresie a codului tehnic

De când Google a anunțat pe 9 aprilie 2010 pe blogul Webmaster Central că viteza paginii este acum un factor de clasare, webmasterii și optimizatorii de motoare de căutare au fost dornici să arunce „kilogramele” inutile.

Deoarece utilizatorul se așteaptă nu numai la conținut de înaltă calitate, ci și la o experiență optimă pentru utilizator cu conținut rapid accesibil.
Vestea bună este că totul este mult mai ușor pe web decât în viața reală! Chiar și cu câteva linii de cod și mici trucuri, site-urile web pot fi comprimate cu 40% până la 70% sau chiar mai mult în cazuri excepționale. Cum să fac acest lucru, vă prezint în acest articol.

De ce comprimați codul?

Acum se poate pune următoarea întrebare: de ce ar trebui să comprim codul sursă al site-ului meu web în zilele de streaming și să reduc la minimum dacă, necomprimat, „doar” câteva sute de kiloocteți? Răspunsul este foarte simplu: deoarece site-urile cu încărcare mai rapidă oferă o experiență de utilizare mai bună, care are un impact pozitiv asupra ratei de conversie, păstrarea paginilor, numărul de pagini vizualizate pe vizitator și rata de respingere.

Deși acesta din urmă susține printre alte beneficii că algoritmul Panda evaluează pagina, o rată bună de conversie a comerțului electronic are un impact direct asupra succesului afacerii.

Așadar, gigantul de comerț electronic Amazon costă aproximativ 100% din timpul său de încărcare de 100 ms. Extrapolat la un an fiscal complet, acest lucru ar duce la costuri de oportunitate de aproximativ 245 milioane dolari. Aceste numere arată în mod impresionant impactul vitezei de încărcare a site-ului web.

De asemenea, ar trebui să se țină cont de faptul că nu există o acoperire DSL completă în Germania și în 2015. În plus, proporția utilizatorilor care navighează pe internet prin rețeaua mobilă a crescut semnificativ. Iată acoperirea cu LTE și 3G, de asemenea, întotdeauna extensibilă. Tammy Everts rezumă în articolul său 13 Motive pentru care acordați o atenție deosebită performanței web mobile la sixrevisions.com, modul în care subiectul performanței web mobile este tratat în prezent mental și de ce fiecare operator de pagină trebuie să regândească cât mai repede posibil.

O îmbunătățire semnificativă a timpului de încărcare poate fi realizată, de exemplu, prin livrarea comprimată a datelor folosind Gzip sau Deflate. Economisește costuri și lățime de bandă.

Ce metode de compresie sunt disponibile și ce date pot fi comprimate?

Ideea de comprimare este de a comprima datele solicitate de pe client pentru a reduce timpul de transfer. Cele mai comune două metode de compresie de pe web sunt gzip și dezumfla, Procesul de compresie localizează șiruri similare într-un document și le înlocuiește cu șiruri temporare cu același caracter wildcard. Acest lucru face ca ambele metode să fie ideale pentru comprimarea fișierelor HTML, CSS și JavaScript, deoarece acestea conțin adesea multe dintre aceleași șiruri și, de obicei, multe linii și spații goale. Ambele metode pot fi implementate sau activate cu relativ puțin efort.

În următorul videoclip Google, sunt explicate clar diferitele metode de compresie.

(Încorporat) https://www.youtube.com/watch?v=whGwm0Lky2s (/ embed)

Procesul de compresie: operațiune tehnică

Pentru ca datele comprimate să fie transmise, browserul clientului trebuie mai întâi să solicite transmiterea datelor comprimate. Acest lucru se face printr-o cerere HTTP cu specificația „Accept-Encoding: gzip, deflate”. Rețineți că puteți specifica doar una sau mai multe metode de compresie. Exemplul acceptă atât gzip, cât și dezumflare date comprimate. Este important ca aceasta să fie doar o cerere, nu o reclamație. Prin urmare, serverul nu trebuie să răspundă cu date comprimate. Dacă datele nu sunt disponibile într-o formă comprimată, acestea vor fi pur și simplu trimise necomprimate către clientul solicitant.

Astăzi, aproximativ 90% din browsere acceptă compresia. Influența asupra parametrului „Acceptare-codificare”, adică metodele de compresie autorizate de browser, în general nu există. Browserul acceptă compresia datelor sau nu o acceptă.

Serverul răspunde la solicitarea HTTP a clientului cu așa-numitul răspuns HTTP. Dacă serverul acceptă compresia, datele sunt comprimate pe client. În antetul răspunsului HTTP, serverul indică apoi, de exemplu, „Content-Encoding: gzip”. În caz contrar, resursa solicitată este trimisă necomprimată către client.

Cum se activează compresia?

În funcție de server, compresia poate fi activată printr-un fișier de configurare adecvat.

Figura 1: Diagrama de compresie Gzip

Activare prin fișierul de configurare .htaccess

Pe serverele web compatibile NCSA (cum ar fi Apache, cel mai utilizat server web), compresia Gzip poate fi instalată utilizând fișierul de configurare .htaccess. Pentru a face acest lucru, următorul cod trebuie introdus în fișierul .htaccess:

Mai întâi, folosind " Întrebați dacă este instalat plug-in-ul mod_deflate. Dacă da, " determină pentru ce tipuri de fișiere trebuie aplicat următorul filtru. Exemplul filtrează pentru fișiere JavaScript, CSS, HTML și XML. SetOutputFilter DEFLATE determină apoi că toate fișierele care se potrivesc cu modelul specificat anterior vor fi livrate cu filtrul DEFLATE. Apoi corespondența și solicitarea modulului sunt închise din nou.

Teoretic, acest filtru poate fi aplicat și altor tipuri de fișiere (de exemplu, fișiere imagine de tip .jpg, .gif sau .png). Corespondența fișierului trebuie ajustată după cum urmează:

Cu toate acestea, trebuie remarcat aici că aceste formate sunt de obicei deja comprimate și recomprimarea duce adesea la pierderea calității fișierelor imagine. Deci, este recomandat să comprimați fișiere binare, cum ar fi imagini, înainte de a le încărca și să evitați comprimarea lor cu gzip. De exemplu, pot fi utilizate instrumente speciale precum JPEGmini.com.

Activare prin PHP

Dacă nu aveți acces la fișierul .htaccess al serverului sau dacă doriți doar să transferați fișiere individuale comprimate în format gzip, puteți activa compresia utilizând următoarele coduri:

Această funcție ar trebui plasată înaintea primului cod HTML, dacă este posibil.