Svetainės įkėlimo greitis. 4 pagrindiniai veiksniai.

Žymos: SEO

Svetainės įkėlimo greitis. Kaip padidinti atsisiuntimo greitį? Pagrindinės problemos.

Rekomenduojamas svetainės įkėlimo greitis Google – 2 sekundes. (o dabar pažiūrėkite į savo greitį)

(Kaip patikrinti svetainės įkėlimo greitį?Lengviausias ir greičiausias būdas yra atidaryti kūrėjo įrankiai CTRL+SHIFT+ITada pasirinkite skirtuką „Tinklas“, tada atnaujinkite puslapį, norėdami pamatyti atsisiuntimo greitį, turite atnaujinti puslapį, Atnaujinti be talpyklos: reikia paspausti CTRL + F5 / CTRL + R. Žemiau bus rodomas atsisiuntimo greitis.)

Patikrinkite svetainės įkėlimo greitį
naudojant „Google“ paslaugą: „PageSpeed Insights“.

Pagrindiniai punktai, kurie turi didžiausią įtaką:

Talpykla
css (stiliai)
JS (scenarijai)
Vaizdai (jų svoris, dydis - taip, tiksliai HxW dydis, meta duomenys - taip, toks dalykas yra, tai yra jų informacija, tokia kaip: data, pavadinimas, tema ir kt.)

Kad nedaryčiau daug nereikalingos informacijos apie mažas akimirkas, kurios ne itin paveikia arba turi nereikšmingą poveikį, apie juos nerašysiu.

Nr. 1 PINIGAI

talpykloje (arbatalpykla) yra buferis (vieta), kur saugomi bet kokie duomenys. Mūsų atveju tai yra paveikslėliai, kodas, stiliai ir kt.

Lengviausias ką galite padaryti patys įgalinti talpyklą priegloboje.
(Jei turite Ukraine.com.ua prieglobą, tada turite eiti į „svetainės nustatymai“ -> „pagrindiniai nustatymai“ ir bus elementas „Caching“ ir ten pasirinkite reikiamą laiką, kurį jūsų svetainė veiks. Būti talpykloje. Aš rekomenduoju jį nustatyti į 2 savaites – su šiuo talpyklos periodu „Google“ puslapio greičio įžvalgos prideda daug taškų.)

kitų būdų, susijusių su htaccess, naršyklės žymomis ir pan., galima rasti internete nemažai straipsnių ir nematau prasmės perdažyti. Apie talpyklos tipus galite perskaityti straipsnyje apie Habré.

#2 CSS (stiliai)

CSS – (Cascading Style Sheets – pakopiniai stiliaus lapai).
Ką galima padaryti su stiliais?
Na Pirmiausia suspauskite juos.
Antra sumažinti failų skaičių, t.y. kiek įmanoma sujungti, kad sumažėtų skambučių į serverį skaičius.
Trečiaįterpkite pagrindinius stilius, turinčius įtakos matomos pirmojo ekrano dalies rodymui, tiesiai į , o likusius palikite faile.

Taip pat palieku keletą naudingų nuorodų:

css glaudinimo paslaugos
kaip suspausti css failus

#3 JS (scenarijai)

Čia taip pat yra keletas būdų, kaip optimizuoti scenarijus.

Atidėti scenarijaus įkėlimą. Išpūskite jį kuo žemiau, padėkite už arba net nuleiskite, kartais tai padeda, o kartais tai nėra išeitis. Bet taškas numeris 2 ateina į pagalbą.
ASYNC – asinchroninis scenarijaus įkėlimas. Tai atliekama naudojant "async" parametrą
Daugiau informacijos apie asinchronizavimą rasite čia.
Šiek tiek daugiau informacijos apie JS ir jo įtaką.
Nedidelis taškas.
JS taip pat gali būti suspaustas. Taip pat sujungti į 1 failą.

# 4 nuotraukos

Visada galite padaryti tris dalykus: pažvelgti į ugnį, pažvelgti į vandenį ir optimizuoti nuotraukas.

Tema gana plati, todėl pabandysiu pateikti tik svarbią informaciją.

Optimizuokite svorį.

Kaip? Per programą ar paslaugą.

Programa masiniam darbui su paveikslėliais Greitas akmens vaizdassu juo tu gali
Masinis vaizdų dydžio keitimas. Kaip ir ką jau google ten nesunku.
Atsisiųskite „Faststone“ vaizdą.
Paslauga, skirta sumažinti vaizdų dydį - Panda. Arba TinyPNG ir TinyJPG.
Pagrindinis ONLINE privalumas. Tiesiog įkelkite failus ir grįžkite į suglaudintą versiją – kokybė nenukenčia (tai magija).
Nuorodos: tinypng.com & tinyjpg.com

Optimizuokite dydį.

Dydis, kaip rašiau aukščiau, gali būti pakeistas naudojant programą greitas akmens vaizdas.
Dydis yra aukštis x svoris (aukštis pagal plotį).

Pavyzdys:

Dydis	Pikseliai	failo dydis
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

(Jei norite sužinoti daugiau apie tai, galite perskaityti „Google“ pagalbą šia tema. STRAIPSNIS iš „Google“, bet perspėju, kad jis tam tikru mastu yra kvailas)

Pavyzdžiui, turime 2 vaizdus:
1) Svoris 100 kb, dydis 500x500
2) Svoris 100 kb, dydis 2500x2500
Atrodytų koks skirtumas, jie sveria vienodai, todėl jų įkėlimas turėtų būti vienodai sudėtingas ar paprastas, bet to nebuvo, jei patikrinsite pagal google puslapio greitį, jis vis tiek prisiekia didesne raiška vaizdas.

Apibendrinant: Dydis rūpi. Svoris taip pat. (kita dalis nėra taip svarbu, bet pagal kai kurių ekspertų argumentus tai irgi turi įtakos, dabar kalbu apie vaizdo metaduomenis)

Aš tikrai nieko nerašiau apie meta duomenis, na, nėra ką čia rašyti ...
Tiesiog išvalykite visų vaizdų meta duomenis, pagal legendą galite sumažinti dydį 2 kartus. Neseniai sužinojau (apie failo dydžio poveikį, maniau, kad jis visai nereikšmingas).

Trumpai apie leidimą: