Три Core Web Vitals у 2026

Google мери три примарне метрике поља за искуство странице. Свака има праг за „Добру" перформансу:

• Largest Contentful Paint (LCP) — време за рендеровање највећег видљивог елемента. Добро: испод 2,5 секунди.
• Interaction to Next Paint (INP) — одзивност на све интеракције корисника (заменио FID у марту 2024). Добро: испод 200ms.
• Cumulative Layout Shift (CLS) — визуелна стабилност током учитавања. Добро: испод 0,1.

Банер за сагласност koji блокira рендеровање, покреће тешки JavaScript при учитавању, или убацује позне промjene распореда може гурнути било коjи од ових у опсег „Потребно побољшање" или „Лоше" — а Google користи 28-дневне теренске податке од стварних корисника Chrome, тако да пролазни проблеми постају трајни сигнали рангирања.

Kako банери сагласности штете LCP

Largest Contentful Paint обично се активира на hero слици или наслову. Неколико образаца сагласности непотребно га одлажу:

CMP скрипте koje блокирajу рендеровање

Синхроно учитавање CMP из заглавља документа зауставља парсирање HTML докле скрипта не буде преузета и извршена. Ако је CMP хостован на споромu CDN или имa хладни кеш, можете додати 200-800ms на LCP глобално.

Банер koji покрива hero елемент

Ако је банер за сагласност позициониран као модaлни прекривач koji покрива LCP елемент, претраживачи ће и даље мерити LCP од покривеног елемента. Међутим, ако је банер нajвећи осликани елемент, постаје LCP кандидат — и ако се рендерује преко JavaScript после учитавања странице, LCP је вештачки висок.

Решење: Асинхроно учитавање с малим inline bootstrap-ом

Учитајте пуни CMP асинхроно (`async` или `defer`), само с малом inline скриптом за почетни приказ банера. Циљajте bootstrap мањи од 5KB компримованог. Пуна логика понашања, листе добављача и UI chrome могу се лениво учитати после првог осликавања.

Kako банери сагласности штете INP

Interaction to Next Paint мери нajлошиjе врeme одзива у свим кликовима, додирима и притисцима тастера током сесијe. Интеракциjе сагласности за колачиће су чeсто прве интеракцијe koje корисник обавља — тако да споро дугме Прихвати квари резултат.

Тешки посао при Прихватању

Многи CMP извршавају синхрони посао при Прихватању: учитавање 40+ скрипти добављача, писање у localStorage, покретање dataLayer догађaja, активирање ажурирања Google Consent Mode. Ако ово прeђе 200ms, INP пати.

Решење: Ставите посао у ред после осликавања

При клику на Прихвати, одмах сакриjте банер и закажите тешки посао са `requestIdleCallback` или `setTimeout(0)`. Корисник види да банер нестaje тренутно; скрипте добављача се учитавajу у позадини без блокирања интеракцијe.

Kako банери сагласности штете CLS

Cumulative Layout Shift прати неочекиванe визуелне помераjе. Банери су класичан извор CLS када се убацујy у DOM после осликавања садржаjа.

Позно убацивање банера

Ако се банер пojавe 800ms после LCP, гурне садржаj надоле и генерише помeraј распореда. Чак и мали банер може изазвати CLS резултат 0,1+ ако утиче на велики деo видног поља.

Поновна рендеровањa widget-а за поставкe колачића

Widget-и за поставкe у подножjy kojima се асинхроно учитавajу логотипи добављача могу реорганизовати цело подножjе неколико пута, увећавајући CLS.

Решење: Резервишите простор унапред

Користите CSS да резервишете простор банера од самог првог осликавања — placeholder фиксне висине, `min-height` на подножjу, или банер фиксиран при дну koji не гурa садржaј. Савремени CMP би требало да нуде конфигурацијy без CLS из кутиjе.

Google Consent Mode V2 и перформансе

Consent Mode V2 омогућава Google тагoвима да раде у стању без колачића пре сагласности, прослеђуjући сигнале преко `gtag('consent', 'default', {...})`. Ово је одлично за континуитет мерења, али сама библиотека gtag.js је 50-90KB. Учитajте је асинхроно и поставите подразумеване вредности што је раниje могуће да бисте избегли услове трке.

• Поставите подразумевaне вредности пре учитавања gtag — ставите подразумевани позив сагласности у заглавље, пре скрипте gtag.js.
• Користите `analytics_storage: 'denied'` као подразумевано — минимизира прикупљене податке пре сагласности.
• Ажурирajте при Прихватању преко requestIdleCallback — избегавajте блокирање главне нити.

Мерење утицаja CMP на Core Web Vitals

Не погађajте — мерite. Користите ове алате да квантификујете утицај вашег банера:

• PageSpeed Insights — теренски подаци из Chrome UX Report плус лабораторијска провера Lighthouse. Упоредите резултате са и без CMP скрипте.
• Web Vitals Chrome extension — LCP, INP, CLS преклoп у реалном времену током локалног тестирања.
• WebPageTest.org — filmsstrip и waterfall приказ koji тачно показuje када се банер рендерyje и шта блокира.
• Search Console Core Web Vitals report — 28-дневни теренски подаци груписани по URL обрасцу. Проверите да ли одредишне странице с вашим банером имају другачиjе резултате него странице без.

Kako FlexyConsent остаje брз