2026ko Hiru Core Web Vitals

Google-k hiru eremu-metrika nagusi neurtzen ditu orriaren esperientziarako. Bakoitzak "Ona" errendimenduaren muga du:

• Largest Contentful Paint (LCP) — elementu bisible handienaren errendatze-denbora. Ona: 2,5 segundu azpian.
• Interaction to Next Paint (INP) — erabiltzaile-interakzio guztiei erantzutea (FID ordezkatu zuen 2024ko martxoan). Ona: 200 ms azpian.
• Cumulative Layout Shift (CLS) — bisual-egonkortasuna kargatzean. Ona: 0,1 azpian.

Errendatzea blokeatzen duen, kargatzean JavaScript astuna exekutatzen duen edo diseinu-aldaketa berantiarrak txertatzen dituen baimen-bandak horietako edozein "Hobetzea Behar Du" edo "Txarra" tartean sar dezake — eta Google-k 28 eguneko eremu-datuak erabiltzen ditu benetako Chrome erabiltzaileengandik, beraz, iraganeko arazoak iraunkorreko sailkapen-seinaleak bihurtzen dira.

Baimen-Bandek LCP Nola Kaltetu

Largest Contentful Paint normalean heroi-irudi edo titular batean pizten da. Zenbait baimen-ereduk behar gabe atzeratzen dute:

Errendatzea Blokeatzen Duten CMP Gidoiak

CMP dokumentu-buruaren ondoren sinkronoki kargatzeak HTML analisia gidoia deskargatu eta exekutatu arte geldiarazten du. CMP CDN motel batean edo cache hotzean badago, LCP-ri 200-800 ms gehi diezazkiokete globalki.

Heroia Estaltzen Duen Banda

Baimen-banda LCP elementua estaltzen duen modal-geruza gisa kokatuta badago, nabigatzaileak LCP estaldutako elementutik neurtzen jarraituko du. Hala ere, banda errendatutako elementu handiena bada, LCP hautagai bihurtzen da — eta JavaScript bidez orriaren kargatu ondoren errendatzen bada, LCP artifiziala da.

Konponketa: Karga Asinkronoa Txiki Inline Bootstrap-arekin

Kargatu CMP osoa asinkronoki (`async` edo `defer`), hasierako banda bistaratzeko inline gidoi txiki batekin soilik. Helburua 5 KB gzipped azpiko bootstrap bat lortzea da. Portaera-logika osoa, hornitzaile-zerrendak eta UI-chrome lehen margotze ondoren karga daitezke nagikiro.

Baimen-Bandek INP Nola Kaltetu

Interaction to Next Paint saioan zeharreko klik, ukipen eta teklatu-saketa guztien erantzun-denbora txarrena neurtzen du. Cookie baimen-interakzioak erabiltzaileak egiten duen lehen interakzioa izaten dira askotan — beraz, Onartu botoi motel batek puntuazioa hondatu dezake.

Lan Astuna Onarpenean

CMP askok lan sinkronoa exekutatzen dute Onarpenean: 40+ hornitzaile-gidoi kargatzen, localStorage-ra idazten, dataLayer gertaerak abiarazten, Google Consent Mode eguneratzeak aktibatzen. Honek 200 ms gainditzen badu, INP jasaten du.

Konponketa: Lan-Ilara Margotze Ondoren

Onartu klikean, ezkutatu banda berehala eta antolatu lan astuna `requestIdleCallback` edo `setTimeout(0)` bidez. Erabiltzaileak banda berehala desagertzen ikusten du; hornitzaile-gidoiak atzeko planoan kargatzen dira interakzioa blokeatu gabe.

Baimen-Bandek CLS Nola Kaltetu

Cumulative Layout Shift ustekabeko bisual-mugimendua jarraitzen du. Bandak CLS iturri klasikoak dira edukia margotu ondoren DOM-ean txertatzen direnean.

Banda Berantiarra Txertatzea

Banda LCP-ren 800 ms ondoren agertzen bada, edukia behera bultzatzen du eta diseinu-desbiderapena sortzen du. Banda txiki batek ere 0,1+ CLS puntuazioa aktibatu dezake ikuspegi-atalen zati handi bat eragiten badu.

Cookie Lehentasun Widget-ak Berrerrendatzen

Hornitzaile-logoak asinkronoki kargatzen dituzten oin-lehentasun widget-ek oina behin eta berriz berritu dezakete, CLS handituz.

Konponketa: Lekua Aldez Aurretik Erreserbatu

Erabili CSS banda-lekua lehen margotzeetatik erreserbatzeko — altuera finkoko leku-bete, `min-height` oinean edo behean finkoa den banda edukia bultzatzen ez duena. CMP modernoek CLS gabeko konfigurazioa eskaintzen dute kutxatik kanpo.

Google Consent Mode V2 eta Errendimendua

Consent Mode V2-k Google etiketak cookierik gabeko egoeran exekutatzeko aukera ematen du baimena baino lehen, seinaleak `gtag('consent', 'default', {...})` bidez pasatuz. Hori bikaina da neurketaren jarraipenerako, baina gtag.js liburutegia bera 50-90 KB da. Kargatu asinkronoki eta ezarri lehenespenak ahalik eta lehen lasterketa-baldintzak saihesteko.

• Ezarri lehenespenak gtag kargatu aurretik — jarri baimen-lehenetsi deia buruan, gtag.js gidoiaren aurretik.
• Erabili `analytics_storage: 'denied'` lehenetsi gisa — aurre-baimen datuak minimizatzen ditu.
• Eguneratu Onarpenean requestIdleCallback bidez — saihestu hari nagusiaren blokeoa.

CMP Eragina Core Web Vitals-en Neurtzea

Ez asmatu — neurtu. Erabili tresna hauek zure bandaren eragina kuantifikatzeko:

• PageSpeed Insights — Chrome UX Report-eko eremu-datuak laborategiko Lighthouse auditarekin. Alderatu puntuazioak CMP gidoiarekin eta gabe.
• Web Vitals Chrome luzapena — denbora errealeko LCP, INP, CLS gainjartzea tokiko probetan.
• WebPageTest.org — filmstrip eta ur-jauzi ikuspegia banda noiz errendatzen den eta zer blokeatzen duen zehaztasunez erakutsiz.
• Search Console Core Web Vitals txostena — 28 eguneko eremu-datuak URL ereduaren arabera taldekatuta. Egiaztatu zure bandarekin landing orriek puntuazio ezberdinak lortzen dituzten bandagabe orriekin alderatuz.

FlexyConsent Nola Mantentzen den Azkar