Þrjú Core Web Vitals árið 2026

Google mælir þrjár aðalsvæðismælieiningar fyrir síðuupplifun. Hver þeirra hefur þröskuld fyrir "Góða" frammistöðu:

• Largest Contentful Paint (LCP) — tími til að birta stærsta sýnilega þáttinn. Gott: undir 2,5 sekúndum.
• Interaction to Next Paint (INP) — svörunarhæfni við allar notendaviðskipti (kom í staðinn fyrir FID í mars 2024). Gott: undir 200 ms.
• Cumulative Layout Shift (CLS) — sjónræn stöðugleiki við hleðslu. Gott: undir 0,1.

Samþykkisborði sem hindrar birtingu, keyrir þungt JavaScript við hleðslu, eða spreytar inn seint útlitsbreytingum getur ýtt hvaða mælikvarða sem er inn í bandið "Þarf Bætur" eða "Slæmt" — og Google notar 28 daga svæðisgögn frá raunverulegum Chrome notendum, þannig að tímabundnar vandamál verða varanleg röðunarmerki.

Hvernig samþykkisborðar skaða LCP

Largest Contentful Paint kviknar venjulega á hetjumynd eða fyrirsögn. Nokkrar samþykkismyndir seinka því óþarflega:

CMP skriptur sem hindra birtingu

Að hlaða CMP samstillta frá skjalahausnum stöðvar HTML-þáttun þar til skriptan er niðurhal og keyrð. Ef CMP er hýst á hægum CDN eða hefur kalt skyndiminni getur þú bætt 200-800 ms við LCP alþjóðlega.

Borði sem þekur hetjuna

Ef samþykkisborðinn er staðsettur sem modal-yfirlag sem þekur LCP-þáttinn munu vafrar enn mæla LCP frá þakta þætti. Hins vegar, ef borðinn er stærsti málaði þátturinn, verður hann LCP-frambjóðandi — og ef hann birtist í gegnum JavaScript eftir síðuhleðslu er LCP óeðlilega hátt.

Lagfæring: Ósamstilltur hleðsla með litlu inline Bootstrap

Hladdu fullum CMP ósamstilltan (`async` eða `defer`), með aðeins litlum inline skriptu fyrir upphaflega borðabirta. Miðaðu að bootstrap sem er minna en 5KB þjappað. Full hegðunarrök, seljendalistar og UI-chrome geta lazy-loadast eftir fyrstu litun.

Hvernig samþykkisborðar skaða INP

Interaction to Next Paint mælir versta svartímann yfir öll smellur, snertingar og lyklasmellur á meðan á lotu stendur. Kökusamþykkisskipti eru oft fyrsta samskipti notanda — þannig að hægur Samþykkja-hnappur eyðileggur stigið.

Þungt verk við Samþykkja

Margar CMP-lausnir keyra samstillt verk við Samþykkja: hlaðar 40+ seljandaskriptur, skrifa í localStorage, kveikja á dataLayer-atburðum, ræsa uppfærslur á Google Consent Mode. Ef þetta fer yfir 200 ms þjáist INP.

Lagfæring: Raða verki eftir litun

Við Samþykkja-smell, feldu borðann strax og tímasettu þungt verk með `requestIdleCallback` eða `setTimeout(0)`. Notandinn sér borðann hverfa samstundis; seljandaskriptur hlaðast í bakgrunni án þess að hindra samskipti.

Hvernig samþykkisborðar skaða CLS

Cumulative Layout Shift rekur óvæntar sjónrænar hreyfingar. Borðar eru klassísk uppspretta CLS þegar þeir eru sprautaðir inn í DOM eftir að innihald hefur málaðst.

Seint borðainnspýting

Ef borðinn birtist 800 ms eftir LCP þrýstir hann innihaldi niður og skapar útlitsskipti. Jafnvel lítill borði getur kallað fram 0,1+ CLS-stig ef hann hefur áhrif á stóran hluta sjónsviðsins.

Cookie-kjörstillingar Widget endurbirtingar

Neðanmálsval-widget sem hlaðir seljandamerki ósamstilltan getur flætt alla neðanmálshlutann yfir mörgum sinnum og aukið CLS.

Lagfæring: Panta pláss fyrirfram

Notaðu CSS til að panta pláss borðans frá allra fyrstu litun — fasthæðar staðgengill, `min-height` á neðanmálið, eða neðri fastur borði sem þrýstir ekki innihaldi. Nútíma CMP-lausnir ættu að bjóða upp á engan CLS-stillingu strax.

Google Consent Mode V2 og frammistöðu

Consent Mode V2 leyfir Google-merkjum að keyra í kökulaustri stöðu fyrir samþykki, senda merki í gegnum `gtag('consent', 'default', {...})`. Þetta er frábært fyrir mælingarsamfellu, en gtag.js safnið sjálft er 50-90KB. Hladdu það ósamstilltan og stilltu sjálfgildi eins snemma og mögulegt er til að forðast keppnisskilyrði.

• Stilltu sjálfgildi áður en gtag hleðst — settu sjálfgefna samþykkishringinn í hausinn, á undan gtag.js skriptunni.
• Notaðu `analytics_storage: 'denied'` sem sjálfgildi — lágmarkar gögn sem safnað er fyrir samþykki.
• Uppfærðu við Samþykkja í gegnum requestIdleCallback — forðastu að hindra aðalþráðinn.

Mæling á áhrifum CMP á Core Web Vitals

Giskaðu ekki — mældu. Notaðu þessi verkfæri til að mæla áhrif borðans þíns:

• PageSpeed Insights — svæðisgögn frá Chrome UX Report auk rannsóknarstofuúttektar Lighthouse. Berðu saman stig með og án CMP skriptu.
• Web Vitals Chrome viðbót — rauntíma LCP, INP, CLS yfirlag við staðbundnar prófanir.
• WebPageTest.org — kvikmyndabandaflétta og fossyfirlit sem sýna nákvæmlega hvenær borðinn birtist og hvað hann hindrar.
• Search Console Core Web Vitals skýrsla — 28 daga svæðisgögn flokkuð eftir URL-mynstri. Athugaðu hvort lendingarsíður með borðanum þínum fái annað stig en síður án.

Hvernig FlexyConsent heldur hraðanum