5 moduri de a crește viteza de download

fapte introductive

• Inginerii Google găsite. utilizatorul observă chiar neînsemnată de încărcare întârziere - 0,4 secunde;
• Utilizatorii sunt mai susceptibile de a părăsi pagina, în cazul în care este încărcat 3+ secunde;
• Utilizatorii mobili sunt dispuși să aștepte un pic mai mult - 6-10 secunde;
• 79% dintre utilizatorii de magazine online nu re-buy în cazul în care prima dată site-ul a fost încărcat pentru o lungă perioadă de timp.

Experiment Financial Times

Reprezentanții ziarului de afaceri realizat un experiment cu o nouă ediție a site-ului.

Cu cât întârzierea pentru a descărca, mai puțin pagini vizualizate pe sesiune. Rezultatul studiului arată modul în care viteza de descărcare este importantă pentru implicarea utilizatorilor și, în cele din urmă, conversia.

Viteza de download poate fi măsurată cu aceste servicii:

Cum de a crește viteza de descărcare

1. Reducerea cantității de pagini încărcate

Utilizați compresie gzip, acesta va reduce timpul de transfer de fișiere în browser. Volumul datelor transmise este redus de 4-5 ori, și viteze de download - va crește.

Pentru a activa compresia gzip în Nginx, modificați configurația serverului și adăugați aceste linii:

În primul rând, asigurați-vă că aparatul este conectat mod_deflate. Apoi, trebuie să adăugați următoarele linii la fișierul .htaccess:

Nivelul de compresie

Gzip suporta nivelul de compresie de la 1 la 9. In Nginx poate fi ajustată astfel încât:

Nivelul optim de compresie - 5.

2. Reducerea cantității de grafică

Ștergeți imaginile nedorite. Acolo unde este posibil, utilizați text în loc de grafica, evident, mai grele.

format JPG este cel mai potrivit pentru imagini statice. PNG este preferată pentru celelalte elemente ale site-ului - icoane, ilustrații, etc., cu condiția ca imaginile sunt comprimate în mod corespunzător .. Vă rugăm să rețineți că site-ul este vizualizat pe dispozitive diferite și în diferite browsere.

Puteți utiliza o singură imagine, scalabil, dar va lua o mulțime de spațiu și încetini pagina de încărcare. Este mai bine să utilizați mai multe imagini adaptate la diferite dispozitive, browser-ul încărcat dreapta - acest lucru se poate face folosind plugin-ul Imager. Acesta înlocuiește substituenților imagini transparente, înăsprește fiecare atribut src și atribuie dimensiunea necesară, atunci puteți încărca doar câteva imagini de opțiuni diferite dimensiuni.

Cum funcționează:

3. Reducerea numărului de cereri de browser

Acest punct ecou cel precedent. O modalitate de a reduce numărul de cereri de browser - pentru a elimina din pagina a elementelor.

Utilizați CSS-sprite - fișiere grafice care conțin mai multe imagini. Aceasta este cea mai bună metodă în cazul în care site-ul dvs. are multe imagini mici și pictograme. Se combină CSS- multiple și JS-fișiere într-o singură, se va reduce numărul de cereri HTTP.

Pentru a vedea numărul de cereri browser-ului Chrome, du-te la „Instrumente de dezvoltare“ (Preferințe → Instrumente avansate) și să navigați la fila Rețea.

4. Activați cache

Configurați serverul, astfel încât browser-ul utilizatorului a datelor din cache - în acest caz, atunci când vizitați site-ul în primul rând, unele elemente de pagină (imagini, CSS- și JS-fișiere) sunt salvate automat. Data viitoare browser-ul nu va petrece timp pentru a le descărca.

Cu toate acestea, această metodă ajută la creșterea doar viteza de download atunci când vizitați site-ul.

Cum să activați cache?

Utilizați antetele modul Apache server web care controlează și modifică anteturile cerere HTTP și HTTP-răspunsurile. Browserul încarcă serverul în memoria cache locală a datelor, care este rar schimbat, iar atunci când vizitați site-ul le încarcă deja în cache. Puteți, de asemenea, fișiere cache de anumite tipuri pentru un anumit timp, după care acestea vor fi încărcate de pe server din nou.

Acest lucru se poate face după cum urmează:

Antet set Cache-Control «max-age = 1234000"

Se specifică extensia de fișier dorit în proiectarea FilesMatch, în cazul în care au pus antetul Cache-Control și o variabilă max-age, prin care indică stocarea de fișiere în câteva secunde. Acele fișiere care nu ar trebui să fie stocate în memoria cache, pur și simplu nu includ în listă.

De asemenea, puteți dezactiva cache de fișiere. Adăugați codul de mai jos pentru a .htachess, de pre-specifica ce tipuri de fișiere în cache-ul nu este necesar:

Header unset Cache-Control

Puteți controla, de asemenea, prin utilizarea cache-ul modulului expiră. Acesta monitorizează HTTP-antet setarea pentru punerea în cache de către browser. Se specifică perioada de depozitare, în funcție de timpul ultimei modificări a unui fișier sau de la un timp de acces client.

ExpiresActive On
ExpiresDefault «acces, plus 2 luni»

ExpiresByType image / png «acces plus 4 luni»
ExpiresByType image / swf «acces plus 4 luni»

ExpiresByType text / html «de acces, plus 2 luni 7 zile 14 ore»
ExpiresByType image / «modificare plus 8 ore 3 minute» gif

Puteți utiliza aceste servicii:

Puneți CSS-fișier la începutul paginii, și JS-fișiere - în cele din urmă.

Dacă CSS fișiere se află în cheder, redarea paginii are loc treptat, ceea ce creează o impresie pozitivă a site-ului. Plasarea JS-fișier în partea de jos a paginii permite browserului să descarce mai întâi conținutul paginii, și numai apoi face cu script-ul.