Cred că nu este un secret faptul că viteza de încărcare a paginilor afectează mai mulți factori. Dacă cineva nu știe, atunci spune pe scurt următoarele, că viteza de download nu depinde numai dacă vizitatorul să aștepte, atunci când pentru a încărca site-ul dvs., dar, de asemenea, pe optimizare SEO. La urma urmei, azi pentru mai multe motoare de căutare atunci când clasament site-uri, a început să ia în considerare viteza de încărcare a paginii. Prin urmare, cu atât mai repede se va încărca site-ul dvs., mai mulți vizitatori puteți obține de la motoarele de căutare și, în consecință, mai mulți bani pentru a face bani.
MarkDay.ru - SEO comunitare, webmasteri și Moneymaker.
1. Reducerea numărului de cereri HTTP-
80% din pagina de descărcare este axat pe componentele de încărcare a paginii, script-uri, imagini, fișiere CSS. flash. Specificații HTTP / 1.1 recomandă ca browsere paralele încărcat cu nu mai mult de 2 componente ale unei pagini web, cu o singură gazdă. Reducerea numărului acestor componente, vom reduce numărul de HTTP-cereri la server, și ca rezultat creșterea vitezei de încărcare de pagini.
Dar cum să reducă numărul de cereri către server fără a afecta aspectul paginii?
De fapt, există mai multe moduri.
- Utilizarea CSS-sprite. CSS-sprite - o imagine compozit, care conține o serie de imagini mici, care sunt momentul potrivit pentru elementul din dreapta a paginii sunt tăiate folosind proprietățile: background-image si background-position.
- Utilizarea inline-imagini. Inline-imagini folosind datele URL-sistem. pentru a încorpora imaginea în pagina în sine. Acest lucru, cu toate acestea, va crește dimensiunea HTML documentului. Prin încorporarea inline-imagini în foaia de stil, veți obține reducerea cererilor la server, și dimensiunea HTML vor rămâne aceleași.
- Merge mai multe fișiere într-una singură. Dacă vă conectați la mai mult de o pagină sau css- js-fișier, aveți posibilitatea să le combinați într-o singură. Acesta este un mod foarte simplu, dar eficient pentru a reduce numărul de http-cereri către server. Pentru a afla cum să-l facă pe zbor, am scris în nota mea aici „Overclocking site-ul tau. Css- compresie static și fișierele js- pe zbor“
2. fișierele CSS Put la începutul paginii
Plasarea fișierelor de conectare în pagina css cheder vom obține o redare treptată a paginilor, și anume, Pagina va fi încărcată treptat - în primul rând antet, apoi logo-ul la partea de sus, de navigație, etc. - și acest lucru, la rândul său, servește ca un excelent indicator al paginii de descărcare pentru utilizator și îmbunătățește impresia de ansamblu a site-ului.
Dacă pui fișierele CSS din partea de jos a paginii, aceasta nu permite mai multe browsere fac pagina încet. Acest lucru se datorează faptului că browser-ul „nu vrea“ să redesenarea elemente care după încărcarea paginii poate schimba stilul. Deci, toate fișierele CSS, conectați întotdeauna în partea de sus a paginii, în secțiunea HEAD.
În plus, bloc js-fișier extern de descărcări paralele. Specificații HTTP / 1.1 recomandă ca browsere paralele încărcat cu nu mai mult de 2 componente ale unei pagini web, cu o singură gazdă. Astfel, în cazul în care imaginea pe site-ul dvs. sunt situate pe diferite gazde, veți obține mai mult de 2 download-uri concurente. Și când este încărcat script-ul, browser-ul nu va porni alte download-uri, chiar și cu alte gazde.
5. Utilizați subdomeniile pentru descărcare în paralel
6. Utilizați cache-ul browser-ului
Prin urmare, HTTP-Expiră antet expune peste tot, ori de câte ori este posibil, pentru câteva zile sau chiar luni în avans. Pentru serverul de web Apache HTTP a dat corespunzătoare antetele-Expiră recomandări pentru a adăuga la fișierul .htaccess, localizat în directorul rădăcină al site-ului, următoarele linii:
8. Optimizarea imaginilor
Este necesar să se stabilească formatul adecvat pentru imaginile. Alegerea raportului de aspect greșit, poate crește în mod semnificativ dimensiunea fișierului.
- GIF - ideal pentru imagini cu mai multe culori, cum ar fi un logo.
- JPEG - perfect pentru detalierea imaginilor cu o mulțime de culori, cum ar fi fotografiile.
- PNG - alegerea dumneavoastră atunci când aveți nevoie de o imagine de înaltă calitate, cu transparență.
Optimizarea imaginii în două moduri: folosind software sau servicii online în interenet pentru comprimarea imaginii. În primul caz, veți avea nevoie de cunoștințe pentru a lucra cu un anumit program, dar pentru a beneficia de servicii online și toată lumea poate. De ce ai nevoie doar să încărcați imaginile, iar serviciul în sine le optimizează și să dea un link pentru a descărca fișiere comprimate.
Iată câteva servicii online pentru optimizarea imaginilor:
9. Nu scala imaginea
compresie 10. Utilizare Gzip-
Așa cum au arătat studiile, text comprimat-gzip „on the fly“ fișier în 95-98% din cazuri se reduce timpul pentru a transfera browserul de fișiere. Dacă vă păstrați copiile arhivate ale fișierelor pe server (în memoria proxy-server sau un spațiu pe disc), compusul este în general posibil să se elibereze de 3-4 ori mai rapid.
Deoarece versiunea de HTTP / 1.1, clientii web indica ce tipuri de compresie care suporta, setarea Accept-Encoding antet în HTTP-cerere.
Accept-Encoding: gzip, dezumfle
Dacă serverul de web vede acest antet în cerere, se poate aplica de compresie răspunsul una dintre metodele enumerate de client. La întocmirea unui răspuns din partea clientului, antetul Content-Encoding notifică serverul cu privire la modul în care metoda de comprimare a răspunsului.
Datele transmise astfel este mai mică decât inițial de aproximativ 5 ori, iar acest lucru accelerează în mod semnificativ livrarea lor. Cu toate acestea, există un dezavantaj: sarcina crescută pe serverul de web. Dar problema cu serverul poate fi întotdeauna rezolvate. Deci, nu vom acorda o atenție la ea.
Pentru a activa gzip de compresie de pe site-ul dvs., trebuie să vă înregistrați următoarele linii de cod în fișierul .htaccess:
Dacă această metodă a funcționat, apoi mare, dacă nu, puteți încerca acest lucru aici este codul:
Dar, din nou, acest cod nu funcționează pe toate serverele, astfel încât este mai bine să contactați sprijinul furnizorului de servicii de găzduire pentru a clarifica problema.
Ei bine, aici e tot ce am vrut să spun. In acest articol voi încerca să lista toate cele mai importante modalități de optimizare a clientului pentru a crește viteza de încărcare pagină web. În plus față de optimizarea clientului, există, de asemenea, o optimizare server. Dar asta e un subiect pentru un alt articol.
Evaluează acest articol: