Mājaslapas ātrums: kā izmērīt un uzlabot lapas ielādi

Apmeklētājs, kurš gaida, kamēr lapa ielādējas, vēl nav redzējis ne jūsu piedāvājumu, ne cenas. Jo ilgāka gaidīšana, jo vairāk cilvēku atgriežas meklēšanas rezultātos un atver nākamo lapu. Tas īpaši attiecas uz telefoniem ar mobilo internetu.

Google lapas pieredzes rādītājus izmanto kā vienu no ranga signāliem. Ātrums nav svarīgāks par satura atbilstību, taču starp divām līdzvērtīgām lapām priekšroka ir tai, kas lietotājam ir ērtāka.

Ātrums ietekmē arī reklāmas atdevi: ja par klikšķi ir samaksāts, bet apmeklētājs lapu aizver pirms ielādes, nauda ir iztērēta bez rezultāta.

Google ātrumu un ērtumu mēra ar trim rādītājiem, ko sauc par Core Web Vitals. Tie tiek vērtēti pēc reālu apmeklētāju datiem, nevis pēc viena testa.

LCP (Largest Contentful Paint) rāda, cik ātri parādās lielākais redzamais elements, parasti galvenais attēls vai virsraksts. Labs rezultāts ir līdz 2,5 sekundēm. INP (Interaction to Next Paint) rāda, cik ātri lapa reaģē uz klikšķi vai pieskārienu, un labs rezultāts ir līdz 200 milisekundēm. CLS (Cumulative Layout Shift) mēra, cik daudz saturs lēkā ielādes laikā, un labs rezultāts ir līdz 0,1.

Praktiski tas nozīmē trīs jautājumus: vai saturs parādās ātri, vai lapa reaģē uzreiz un vai pogas nepārvietojas brīdī, kad cilvēks grasās tās nospiest.

Sāciet ar bezmaksas rīku PageSpeed Insights: ievadiet lapas adresi un skatieties mobilās versijas rezultātu. Atskaites augšdaļā ir reālo lietotāju dati, ja lapai ir pietiekami daudz apmeklējumu, bet zemāk ir laboratorijas tests ar konkrētiem ieteikumiem.

Nepārbaudiet tikai sākumlapu. Bieži lēnākās ir produktu, galerijas vai bloga lapas, kurās ir visvairāk attēlu. Google Search Console sadaļā par Core Web Vitals redzams, kuras lapu grupas ir problemātiskas visā vietnē.

Vērtējums no 0 līdz 100 ir orientieris, nevis mērķis. Svarīgāk par skaitli ir tas, vai trīs galvenie rādītāji reāliem lietotājiem ir zaļajā zonā.

Visbiežāk lēnas lapas problēma ir attēlos: fotogrāfija tieši no kameras sver vairākus megabaitus, lai gan ekrānā tā tiek rādīta mazā izmērā.

Risinājums ir trīs soļi. Samaziniet attēla izmērus līdz tam, cik lielu to reāli rāda. Izmantojiet modernus formātus WebP vai AVIF, kas tādā pašā kvalitātē ir vieglāki par JPEG. Ieslēdziet atlikto ielādi (lazy loading) attēliem, kas atrodas zem pirmā ekrāna.

Galveno attēlu lapas augšā gan nevajag atlikt, jo tieši tas parasti nosaka LCP rādītāju. Tam jāielādējas pirmajam.

Katrs papildu rīks lapā ir kods, kas jālejupielādē un jāizpilda: tērzēšanas logs, karšu logrīks, reklāmu pikseļi, video atskaņotājs, sīkdatņu josla. Atsevišķi tie šķiet nekaitīgi, bet kopā tie var palēnināt reakciju uz klikšķiem un pasliktināt INP.

Reizi pusgadā pārskatiet, kuri rīki vēl tiek lietoti. Pikselis reklāmas platformai, kurā vairs nereklamējaties, tikai tērē apmeklētāja laiku. Karti un video var ielādēt tikai tad, kad apmeklētājs līdz tiem aizritina vai uzklikšķina.

Fontiem pietiek ar diviem vai trim svariem, un tos vēlams ielādēt no savas vietnes. Ja teksts parādās tikai pēc fonta ielādes vai pēkšņi maina izmēru, tas pasliktina gan LCP, gan CLS. Par fontu izvēli vairāk rakstā par mājaslapas dizainu.

Ja serveris atbild lēni, attēlu optimizācija vien nepalīdzēs. Lēts koplietošanas hostings ar pārslogotu serveri ir biežs iemesls, kāpēc lapa dažreiz ir ātra un dažreiz nav. Kešatmiņa un satura piegādes tīkls (CDN) ļauj gatavu lapu atdot uzreiz, nevis katru reizi to ģenerēt no jauna.

WordPress lapās ātrumu bieži bremzē spraudņu skaits un smaga tēma. Daudzi spraudņi pievieno savus stilus un skriptus arī lapās, kurās tie netiek lietoti. Pirms pievienot jaunu spraudni, pārbaudiet, vai to pašu nevar izdarīt ar jau esošu.

Modernās platformas, piemēram, Next.js, lapas sagatavo iepriekš un attēlus optimizē automātiski, tāpēc labs ātrums ir sasniedzams bez papildu spraudņiem. Uz Next.js ir veidota arī šī vietne un vairāki mūsu projekti.

Ātruma uzlabošana nav jāsāk ar pilnu pārbūvi. Lielāko efektu parasti dod daži vienkārši darbi, kas uzskaitīti šīs sadaļas beigās. Veiciet tos pēc kārtas un pēc katra soļa izmēriet vēlreiz.

Reālo lietotāju dati atjaunojas ar aizkavi, jo tiek vērtēts pēdējo 28 dienu periods. Tāpēc uzlabojums atskaitē parādās pakāpeniski, nevis nākamajā dienā.

Ātrums jāuztur arī pēc tam: jauni attēli, spraudņi un rīki to pamazām pasliktina. Regulāra pārbaude ir daļa no mājaslapas uzturēšanas. Ja ātruma problēmas neizdodas atrisināt pašiem, piesakieties konsultācijai par SEO optimizāciju.