Tre Core Web Vitals në 2026

Google mat tre metrika kryesore të fushës për eksperiencën e faqes. Secila ka një prag për performancë "të Mirë":

• Largest Contentful Paint (LCP) — koha për të paraqitur elementin më të madh të dukshëm. Mirë: nën 2.5 sekonda.
• Interaction to Next Paint (INP) — reagueshmëria ndaj të gjitha ndërveprimeve të përdoruesit (zëvendësoi FID në mars 2024). Mirë: nën 200ms.
• Cumulative Layout Shift (CLS) — stabiliteti vizual gjatë ngarkimit. Mirë: nën 0.1.

Një banderolë pëlqimi që bllokon paraqitjen, ekzekuton JavaScript të rëndë gjatë ngarkimit, ose injekton ndryshime të vonuara të paraqitjes mund të shtyjë cilindo prej tyre në brezin "Nevojitet Përmirësim" ose "Dobët" — dhe Google përdor të dhëna të fushës 28-ditore nga përdoruesit realë të Chrome, kështu që çështjet kalimtare bëhen sinjale të qëndrueshme të renditjes.

Si Banderolat e Pëlqimit Dëmtojnë LCP

Largest Contentful Paint zakonisht aktivizohet mbi një imazh hero ose titull. Disa modele pëlqimi e vonojnë atë pa nevojë:

Skriptet CMP që Bllokojnë Paraqitjen

Ngarkimi i CMP sinkron nga kreu i dokumentit ndalon parsimin e HTML derisa skripti të shkarkohet dhe ekzekutohet. Nëse CMP është i strehuar në një CDN të ngadaltë ose ka cache të ftohtë, mund të shtoni 200-800ms në LCP globalisht.

Banderolë që Mbulon Elementin Hero

Nëse banderolë e pëlqimit është e pozicionuar si mbivendosje modale që mbulon elementin LCP, shfletuesit ende do të matin LCP nga elementi i mbuluar. Megjithatë, nëse banderolë është elementi më i madh i pikturuar, bëhet kandidati LCP — dhe nëse paraqitet nëpërmjet JavaScript pas ngarkimit të faqes, LCP është artificialisht i lartë.

Rregullim: Ngarkimi Asinkron me Bootstrap të Vogël Inline

Ngarko CMP-in e plotë asinkronisht (`async` ose `defer`), vetëm me një skript të vogël inline për shfaqjen fillestare të banderolës. Synoni një bootstrap më të vogël se 5KB të kompresuar. Logjika e sjelljes së plotë, listat e shitësve dhe chrome UI mund të ngarkohen me dembeli pas pikturimit të parë.

Si Banderolat e Pëlqimit Dëmtojnë INP

Interaction to Next Paint mat kohën më të keqe të reagimit në të gjitha klikjet, prekjet dhe shtypjet e tasteve gjatë një sesioni. Ndërveprimet e pëlqimit të cookies janë shpesh ndërveprimet e para që bën një përdorues — kështu që një buton i ngadaltë i Pranimit prish rezultatin.

Punë e Rëndë mbi Pranim

Shumë CMP ekzekutojnë punë sinkrone mbi Pranim: ngarkimin e 40+ skripteve të shitësve, shkruajnë në localStorage, aktivizojnë ngjarje dataLayer, shkaktojnë përditësimet e Google Consent Mode. Nëse kjo tejkalon 200ms, INP vuan.

Rregullim: Radhit Punën Pas Pikturimit

Me klikun e Pranimit, fshih menjëherë banderolën dhe planifiko punën e rëndë me `requestIdleCallback` ose `setTimeout(0)`. Përdoruesi sheh banderolën të zhduket menjëherë; skriptet e shitësve ngarkohen në sfond pa bllokuar ndërveprimet.

Si Banderolat e Pëlqimit Dëmtojnë CLS

Cumulative Layout Shift gjurmon lëvizjen vizuale të papritur. Banderolat janë një burim klasik i CLS kur injektohen në DOM pasi përmbajtja është pikturuar.

Injektimi i Vonuar i Banderolës

Nëse banderolë shfaqet 800ms pas LCP, shtyn përmbajtjen poshtë dhe gjeneron zhvendosje paraqitjeje. Edhe një banderolë e vogël mund të shkaktojë rezultat CLS 0.1+ nëse prek një pjesë të madhe të pamjes.

Ri-paraqitja e Miniaplikacionit të Preferencave të Cookies

Miniaplikacionet e preferencave në fund të faqes që ngarkojnë logot e shitësve asinkronisht mund të rrjedhin të gjithë fundin e faqes disa herë, duke shtuar CLS.

Rregullim: Rezervo Hapësirën Paraprakisht

Përdor CSS për të rezervuar hapësirën e banderolës nga pikturimi i parë — hapësinë e lartësisë fikse, `min-height` në fund të faqes, ose një banderolë të fiksuar poshtë që nuk shtyn përmbajtjen. CMP-të moderne duhet të ofrojnë konfigurim pa CLS jashtë kutisë.

Google Consent Mode V2 dhe Performanca

Consent Mode V2 lejon etiketat e Google të ekzekutohen në gjendje pa cookies para pëlqimit, duke kaluar sinjale nëpërmjet `gtag('consent', 'default', {...})`. Kjo është e shkëlqyer për vazhdimësinë e matjes, por vetë biblioteka gtag.js është 50-90KB. Ngarko atë asinkronisht dhe vendos vlerat e paracaktuara sa më herët të jetë e mundur për të shmangur kushtet e garës.

• Vendos vlerat e paracaktuara para se të ngarkohet gtag — vendos thirrjen e paracaktuar të pëlqimit në kokë, para skriptit gtag.js.
• Përdor `analytics_storage: 'denied'` si paracaktim — minimizon të dhënat e mbledhura para-pëlqimit.
• Përditëso me Pranim nëpërmjet requestIdleCallback — shmangu bllokimin e fillit kryesor.

Matja e Ndikimit të CMP mbi Core Web Vitals

Mos gjes — mat. Përdor këto mjete për të kuantifikuar ndikimin e banderolës suaj:

• PageSpeed Insights — të dhëna nga Chrome UX Report plus auditim laboratorik Lighthouse. Krahaso rezultatet me dhe pa skriptin CMP.
• Web Vitals Chrome extension — mbivendosje LCP, INP, CLS në kohë reale gjatë testimit lokal.
• WebPageTest.org — pamje filmstrip dhe ujëvarë duke treguar saktësisht kur paraqitet banderolë dhe çfarë bllokon.
• Search Console Core Web Vitals report — të dhëna të fushës 28-ditore të grupuara sipas modelit URL. Kontrolloni nëse faqet e uljes me banderolën tuaj marrin rezultate ndryshe nga faqet pa të.

Si FlexyConsent Qëndron i Shpejtë