Viteza de încărcare a site-ului. 4 factori principali.

Etichete: SEO

Viteza de încărcare a site-ului. Cum să măresc viteza de descărcare? Principalele probleme.

Recomandat viteza de încărcare a site-ului Google - 2 secunde. (și acum uită-te la viteza ta)

(Cum se verifică viteza de încărcare a site-ului?Cea mai simplă și rapidă modalitate este deschiderea instrumente pentru dezvoltatori CTRL+SHIFT+IApoi, selectați fila „Rețea”, apoi reîmprospătați pagina, pentru a vedea viteza de descărcare de care aveți nevoie pentru a reîmprospăta pagina, Actualizează fără cache: trebuie să apăsați CTRL + F5 / CTRL + R. Și mai jos va fi viteza de descărcare.)

Verificați viteza de încărcare a site-ului
folosind un serviciu de la Google: PageSpeed Insights

Principalele puncte care afectează cel mai mult:

Cache
css (stiluri)
JS (scripte)
Imagini (greutatea, dimensiunea lor - da, exact dimensiunea HxW, Metadate - da, există așa ceva, acestea sunt informațiile lor precum: Data, titlul, subiectul etc.)

Pentru a nu picta o mulțime de informații inutile despre mici momente care nu afectează în mod deosebit sau au un efect neglijabil, nu voi scrie despre ele.

#1 CASH

stocarea în cache (saucache) este un buffer (un loc) unde sunt stocate orice date. În cazul nostru, acestea sunt imagini, cod, stiluri și multe altele.

Cel mai usor ceea ce poți face singur este activați stocarea în cache pe găzduire.
(Dacă aveți găzduire Ukraine.com.ua, atunci trebuie să mergeți la „Setări site” -> „Setări de bază” și va apărea un element „Caching” și acolo selectați timpul necesar pentru care site-ul dvs. va să fie stocat în cache. Din partea mea, recomand să o setați la 2 săptămâni - cu această perioadă de stocare în cache, informațiile despre viteza paginii Google adaugă o mulțime de puncte.)

alte metode legate de htaccess, etichete browser etc. pot fi găsite pe Internet pentru destul de multe articole și nu văd rostul revopsirii. Puteți citi despre tipurile de caching în articolul despre Habré.

#2 CSS (stiluri)

CSS - (Foi de stil în cascadă - foi de stil în cascadă).
Ce se poate face cu stilurile?
Bine in primul rand stoarce-le.
În al doilea rând reduceți numărul de fișiere, adică îmbina cât mai mult posibil pentru a reduce numărul de apeluri către server.
În al treilea rândîncorporați stilurile principale care afectează afișarea părții vizibile a primului ecran direct în și lăsați restul în fișier.

Las si cateva link-uri utile:

servicii de compresie css
cum să comprimați fișierele css

#3 JS (scripturi)

Aici avem și câteva modalități de optimizare a scripturilor.

Amânați încărcarea scriptului. Pufă-l cât mai jos, pune-l în spate sau chiar mai jos uneori ajută, alteori nu e o opțiune. Dar punctul numărul 2 vine în ajutor.
ASINC – încărcare asincronă a scriptului. Acest lucru se face folosind parametrul „async”.
Există mai multe detalii despre asincronizare aici.
Mai multe informații despre JS și influența sa.
Punct minor.
JS poate fi, de asemenea, comprimat. De asemenea, fuzionați într-un fișier.

#4 Imagini

Puteți face oricând trei lucruri: Uitați-vă la foc, uitați-vă la apă și optimizați imaginile.

Subiectul este destul de extins, așa că voi încerca să vă ofer doar informații importante.

Optimizați greutatea.

Cum? Printr-un program sau serviciu.

Program de lucru în masă cu imagini Imagine Fast Stonecu ea poți
Redimensionați în bloc imaginile. Cum și ce deja google acolo nu este dificil.
Descărcați imaginea Faststone.
Serviciu de reducere a dimensiunii imaginilor - urs panda. Sau mai degrabă TinyPNG & TinyJPG.
Principalul avantaj al ONLINE. Doar încărcați fișierele și reveniți într-o versiune comprimată - Calitatea nu suferă deloc (e Magic).
Link-uri: tinypng.com și tinyjpg.com

Optimizați dimensiunea.

Dimensiunea așa cum am scris mai sus poate fi schimbată folosind programul imagine de piatră rapidă.
Mărimea este înălțime x greutate (înălțime cu lățime).

Exemplu:

Marimea	Pixeli	mărime fișier
100x100	10 000	39 KB
200x200	40 000	156 KB
300 x 300	90 000	351 KB
500x500	250 000	977 KB
800x800	640 000	2500 KB

(Dacă doriți să aflați mai multe despre asta, puteți citi ajutorul Google pe acest subiect. ARTICOL de la Google, dar vă avertizez că este tocilar într-o oarecare măsură)

De exemplu avem 2 imagini:
1) Greutate 100 kb, Dimensiune 500x500
2) Greutate 100 kb, Dimensiune 2500x2500
S-ar părea că ce diferență are, cântăresc la fel, prin urmare, încărcarea lor ar trebui să fie la fel de complicată sau simplă, dar nu era acolo dacă o verificați prin google page speed insgiht, tot va jura la o rezoluție mai mare imagine.

Rezumând: Mărimea contează. Greutatea de asemenea. (restul nu este atât de important, dar după argumentele unor experți are și impact, acum vorbesc despre Metadatele imaginii)

Nu am scris nimic despre metadate, ei bine, nu e nimic de scris aici...
Doar ștergeți toate metadatele pentru toate imaginile, conform legendei, puteți reduce dimensiunea de 2 ori. Am aflat recent (despre efectul dimensiunii fișierului, am crezut că este destul de nesemnificativ).

Pe scurt despre lansare: