Vietnes ielādes ātrums. 4 galvenie faktori.

Vietnes ielādes ātrums. Kā palielināt lejupielādes ātrumu? Galvenās problēmas.

Ieteicams vietnes ielādes ātrums Google — 2 sekundes. (un tagad paskaties uz savu ātrumu)

(Kā pārbaudīt vietnes ielādes ātrumu?Vienkāršākais un ātrākais veids ir atvērt izstrādātāja rīki CTRL+SHIFT+IPēc tam atlasiet cilni “Tīkls”, pēc tam atsvaidziniet lapu, lai redzētu lejupielādes ātrumu, ir jāatsvaidzina lapa, Atsvaidzināt bez kešatmiņas: jānospiež CTRL + F5 / CTRL + R. Un zemāk būs lejupielādes ātrums.)

Pārbaudiet vietnes ielādes ātrumu
izmantojot Google pakalpojumu: PageSpeed ​​​​Insights

(infografika ņemta no seoprofy ©2014)

Galvenie punkti, kas visvairāk ietekmē:

1. Kešatmiņa
2. css (stili)
3. JS (skripti)
4. Attēli (to svars, izmērs - jā, tieši HxW izmērs, Meta dati - jā, tāda ir, šī ir viņu informācija, piemēram: datums, nosaukums, tēma utt.)

Lai nekrāsotu daudz liekas informācijas par maziem mirkļiem, kas īpaši neskar vai atstāj niecīgu efektu, par tiem nerakstīšu.

#1 NAUDA

kešatmiņa (vaikešatmiņa) ir buferis (vieta), kur tiek glabāti jebkuri dati. Mūsu gadījumā tie ir attēli, kods, stili un daudz kas cits.

Visvieglākais ko tu vari izdarīt pats iespējot kešatmiņu mitināšanā.
(Ja jums ir Ukraine.com.ua hostings, tad jums jāiet uz “vietnes iestatījumi” -> “pamata iestatījumi”, un tur būs vienums “Kešatmiņa”, un tur jūs atlasāt nepieciešamo laika periodu, uz kuru jūsu vietne darbosies. Es iesaku to iestatīt uz 2 nedēļām — ar šo kešatmiņas periodu Google lapas ātruma ieskats piešķir daudz punktu.)

citas metodes, kas saistītas ar htaccess, pārlūkprogrammas tagiem utt., var atrast internetā diezgan daudziem rakstiem un es neredzu jēgu pārkrāsot. Par kešatmiņas veidiem varat lasīt rakstā par Habré.

#2 CSS (stili)

CSS - (Cascading Style Sheets - kaskādes stila lapas).
Ko var darīt ar stiliem?
Nu Pirmkārt saspiediet tos.
Otrkārt samazināt failu skaitu, t.i. pēc iespējas vairāk apvienot, lai samazinātu zvanu skaitu uz serveri.
Treškārtiegult galvenos stilus, kas ietekmē pirmā ekrāna redzamās daļas parādīšanu, tieši , bet pārējos atstājiet failā.

Atstāju arī pāris noderīgas saites:

• css saspiešanas pakalpojumi
• kā saspiest css failus

#3 JS (skripti)

Šeit mums ir arī vairāki veidi, kā optimizēt skriptus.

1. Atlikt skripta ielādi. Uzpūtiet to pēc iespējas zemāk, novietojiet to aiz vai pat nolaidiet, dažreiz tas palīdz, dažreiz tas nav iespējams. Bet palīgā nāk punkts numurs 2.
2. ASYNC - asinhronā skripta ielāde. Tas tiek darīts, izmantojot parametru "async".

   Šeit ir atrodama plašāka informācija par asinhronizāciju.
   Nedaudz vairāk informācijas par JS un tās ietekmi.

3. Neliels punkts.
   JS var arī saspiest. Arī apvienot 1 failā.

#4 attēli

Jūs vienmēr varat darīt trīs lietas: skatīties uz uguni, skatīties uz ūdeni un optimizēt attēlus.

Tēma ir diezgan plaša, tāpēc mēģināšu sniegt tikai svarīgu informāciju.

Optimizēt svaru.

Kā? Izmantojot programmu vai pakalpojumu.

• Programma masu darbam ar attēliem Ātrais akmens attēlsar to jūs varat
  Lielapjoma attēlu lieluma maiņa. Kā un ko jau google tur nav grūti.
  Lejupielādēt Faststone attēlu.
  
• Pakalpojums attēlu izmēra samazināšanai - Panda. Vai drīzāk TinyPNG un TinyJPG.
  Galvenā ONLINE priekšrocība. Vienkārši augšupielādējiet failus un atgriezieties saspiestā versijā - kvalitāte nemaz necieš (tas ir Magic).
  Saites: tinypng.com & tinyjpg.com

Optimizēt izmēru.

Izmēru, kā es rakstīju iepriekš, var mainīt, izmantojot programmu ātrs akmens attēls.
Izmērs ir augstums x svars (augstums pēc platuma).

Piemērs:

(Ja vēlaties uzzināt vairāk par šo tēmu, varat izlasīt Google palīdzību par šo tēmu. RAKSTS no Google, taču brīdinu, ka tas zināmā mērā ir nerimts)

Piemēram, mums ir 2 attēli:
1) Svars 100kb, izmērs 500x500
2) Svars 100kb, izmērs 2500x2500
Šķiet, kāda starpība, tie sver vienādi, tāpēc to ielādei vajadzētu būt vienlīdz sarežģītai vai vienkāršai, bet tā nebija, ja pārbaudīsit pēc google lapas ātruma ieskatiem, tas joprojām zvēr pie lielākas izšķirtspējas attēlu.

Apkopojot: Izmēram ir nozīme. Svars arī. (pārējais nav tik svarīgi, bet pēc dažu ekspertu argumentiem arī tam ir ietekme, tagad es runāju par attēlu metadatiem)

Es īsti neko nerakstīju par metadatiem, labi, šeit nav ko rakstīt ...
Vienkārši notīriet visus metadatus visiem attēliem, saskaņā ar leģendu jūs varat samazināt izmēru 2 reizes. Es uzzināju nesen (par faila lieluma ietekmi man tas likās diezgan nenozīmīgs).

Īsi par izlaidumu:

• Visbiežāk sastopamās vietņu ielādes problēmas
• to risināšanas iespējas
• kam jāpievērš uzmanība, lai viss būtu kārtībā

Dosimies uz video:

P.S.
Ja jums ir kādi jautājumi vai kaut kam nepiekrītat, rakstiet par to komentāros.