Core Web Vitals Drupalis — levinumad probleemid ja lahendused
🎧 Kuula kõiki artikleid järjest
Google mõõdab kolme jõudlusnäitajat — lehe suurima elemendi laadimisaeg, paigutuse stabiilsus ja reageerimisaeg — ning kasutab neid otsingujärjestuses. Drupal-saitidel on sellele konkreetsed põhjused ja lahendused.
Core Web Vitals on Google'i poolt kehtestatud kolm jõudlusnäitajat, mida mõõdetakse päris kasutajate andmete põhjal. Need ei ole ainult tehniline mõõdik — need võivad mõjutada otsingutulemuste nähtavust ja järjestust.
Kolm näitajat
LCP — Largest Contentful Paint mõõdab aega, mille jooksul ilmub ekraanile suurim nähtav element (tavaliselt pilt või pealkiri). Eesmärk on alla 2,5 sekundi.
CLS — Cumulative Layout Shift mõõdab paigutuse ebastabiilsust — kui palju elemendid lehel laadimise käigus nihkuvad. Näide: kasutaja tahab nuppu vajutada, kuid enne seda laadib reklaam üles ja nupp nihkub. Eesmärk on alla 0,1.
INP — Interaction to Next Paint mõõdab aega, mille jooksul leht reageerib kasutaja toimingule (klikk, kirjutamine). See asendas FID-i 2024. aastal. Eesmärk on alla 200 millisekundi.
Levinumad probleemid Drupal-saitidel
LCP probleemid
Drupal-saitide kõige levinum LCP probleem on suured pildid. Toimetajad laadivad üles originaalpildi ilma tihendamiseta — Drupal küll loob automaatselt suuruse variante, kuid:
- piltide
loading="lazy"atribuut on mõnikord ka LCP-pildil sees, mis aeglustab just seda pilti; - WebP-formaati ei ole seadistatud;
- serveripoolne vahemälu ei ole sisse lülitatud, nii, et iga külastus genereerib lehekülje uuesti.
CLS probleemid
Paigutuse nihked tulevad sageli välistest elementidest, mis laadivad asünkroonselt:
- reklaamiplokid, millel ei ole reserveeritud ruumi;
- fondid, mis laadivad pärast teksti ja muudavad tähevahed;
- Drupali Toolbar, mis adminvaates lisab lehe ülaossa riba.
INP probleemid
INP probleemid on sagedamini seotud JavaScriptiga. Drupal ja kasutatavad moodulid lisavad lehele hulga skripte — moodulid, teegid, käivitusskriptid. Kui need blokeerivad peamist täitmislõime, tekib INP-probleem.
Kuidas parandada Drupal-kontekstis
Pildid: Drupal Image Styles ja WebP-tugi on sisseehitatud, kuid neid tuleb seadistada. Lisaks tuleb veenduda, et LCP-pilt laadib eelnevalt (<link rel="preload">).
Vahemälu: Drupal Internal Page Cache ja Dynamic Page Cache peavad olema sisse lülitatud. Varnish või muud serveri vahemälud annavad täiendava kiirenduse.
JavaScript: Skriptide laadimine defer või async atribuudiga, kolmandate osapoolte skriptide minimeerimine ja kasutamata moodulite keelamine.
Serveri kiirus: TTFB mõjutab LCP-d otseselt. PHP-FPM seadistus, andmepäringute optimeerimine ja serveri asukoht kõik mängivad rolli.
Kuidas mõõta
Google Search Console näitab Core Web Vitalsi andmeid pärispäringute põhjal. PageSpeed Insights annab laboriandmeid ja konkreetseid soovitusi. Mõlemad on tasuta.
Online Drupal audit ei mõõda Core Web Vitalsi otse (see nõuab brauseripõhist mõõtmist), kuid näitab mitmeid serveripoolseid tegureid, mis mõjutavad jõudlust. Põhjalikuma jõudluse analüüsi jaoks sobib auditi ja testide teenus.
Vajad Drupal abi?
Kui artikkel puudutab sinu olukorda, ei pea kõike lõpuni lugema. Sinuga suhtleb päris inimene ja aitab järgmise sammuni jõuda.