שלושת ה-Core Web Vitals בשנת 2026

Google מודד שלושה מדדי שדה עיקריים לחוויית הדף. לכל אחד יש סף לביצועים "טובים":

• Largest Contentful Paint (LCP) — זמן לעיבוד האלמנט הגדול ביותר הנראה לעין. טוב: פחות מ-2.5 שניות.
• Interaction to Next Paint (INP) — רספונסיביות לכל אינטראקציות המשתמש (החליף את FID במרץ 2024). טוב: פחות מ-200 אלפיות השנייה.
• Cumulative Layout Shift (CLS) — יציבות חזותית בזמן טעינה. טוב: פחות מ-0.1.

באנר הסכמה שחוסם עיבוד, מריץ JavaScript כבד בטעינה, או מזריק שינויי פריסה מאוחרים, יכול לדחוף כל אחד מאלה לרצועת "זקוק לשיפור" או "גרוע" — וGoogle משתמש בנתוני שדה של 28 יום ממשתמשי Chrome אמיתיים, כך שבעיות חולפות הופכות לאותות דירוג מתמשכים.

כיצד באנרי הסכמה פוגעים ב-LCP

Largest Contentful Paint בדרך כלל מופעל על תמונת גיבור או כותרת. מספר תבניות הסכמה מעכבות אותו שלא לצורך:

סקריפטי CMP החוסמים עיבוד

טעינת ה-CMP באופן סינכרוני מראש הדף עוצרת את ניתוח ה-HTML עד שהסקריפט מוריד ומתבצע. אם ה-CMP מתארח על CDN איטי או עם מטמון קר, ניתן להוסיף 200-800 אלפיות שנייה ל-LCP בצורה גלובלית.

באנר המכסה את הגיבור

אם באנר ההסכמה ממוקם כשכבת-על מודאלית המכסה את אלמנט ה-LCP, הדפדפנים עדיין ימדדו את ה-LCP מהאלמנט המכוסה. עם זאת, אם הבאנר הוא האלמנט הגדול ביותר שנצבע, הוא הופך למועמד ל-LCP — ואם הוא מעובד דרך JavaScript לאחר טעינת הדף, ה-LCP גבוה באופן מלאכותי.

פתרון: טעינה אסינכרונית עם Bootstrap קטן inline

טען את ה-CMP המלא באופן אסינכרוני (`async` או `defer`), עם סקריפט inline קטן בלבד להצגת הבאנר הראשונית. כוון לbootstrap קטן מ-5KB דחוס. לוגיקת ההתנהגות המלאה, רשימות הספקים ו-UI chrome יכולים לטעון בצורה עצלה לאחר הציור הראשון.

כיצד באנרי הסכמה פוגעים ב-INP

Interaction to Next Paint מודד את זמן התגובה הגרוע ביותר על פני כל הקליקים, הקשות ולחיצות מקשים במהלך סשן. אינטראקציות הסכמה לעוגיות הן לעתים קרובות האינטראקציה הראשונה שמשתמש עושה — כך שכפתור קבלה איטי הורס את הציון.

עבודה כבדה על קבלה

CMPs רבים מבצעים עבודה סינכרונית על קבלה: טוענים מעל 40 סקריפטים של ספקים, כותבים ל-localStorage, מפעילים אירועי dataLayer, מפעילים עדכוני Google Consent Mode. אם זה חורג מ-200 אלפיות שנייה, ה-INP סובל.

פתרון: תור עבודה לאחר ציור

בלחיצה על קבל, הסתר מיד את הבאנר ותזמן עבודה כבדה עם `requestIdleCallback` או `setTimeout(0)`. המשתמש רואה את הבאנר נעלם מיידית; סקריפטי ספקים נטענים ברקע מבלי לחסום אינטראקציה.

כיצד באנרי הסכמה פוגעים ב-CLS

Cumulative Layout Shift עוקב אחר תנועה חזותית בלתי צפויה. באנרים הם מקור קלאסי ל-CLS כאשר הם מוזרקים ל-DOM לאחר שהתוכן נצבע.

הזרקת באנר מאוחרת

אם הבאנר מופיע 800 אלפיות שנייה לאחר ה-LCP, הוא דוחף תוכן למטה ומייצר שינוי פריסה. אפילו באנר קטן יכול להפעיל ציון CLS של 0.1+ אם הוא משפיע על חלק גדול מה-viewport.

עיבוד מחדש של ווידג'ט העדפות עוגיות

ווידג'טי העדפות בכותרת תחתונה הטוענים לוגואים של ספקים באופן אסינכרוני יכולים לגרום לrereflow של הכותרת התחתונה כולה מספר פעמים, ולהכפיל את ה-CLS.

פתרון: שמירת מקום מראש

השתמש ב-CSS לשמירת מקום הבאנר מהציור הראשון ביותר — placeholder בגובה קבוע, `min-height` על הכותרת התחתונה, או באנר קבוע בתחתית שאינו דוחף תוכן. CMPs מודרניים צריכים להציע תצורה ללא CLS מהקופסה.

Google Consent Mode V2 וביצועים

Consent Mode V2 מאפשר לתגיות Google לפעול במצב ללא עוגיות לפני הסכמה, ומעביר אותות דרך `gtag('consent', 'default', {...})`. זה נהדר לרצף מדידה, אבל ספריית gtag.js עצמה היא 50-90KB. טענו אותה באופן אסינכרוני והגדרו ברירות מחדל מוקדם ככל האפשר כדי להימנע ממצבי תחרות.

• הגדר ברירות מחדל לפני טעינת gtag — שים את קריאת ברירת המחדל של ההסכמה בראש, לפני סקריפט gtag.js.
• השתמש ב-`analytics_storage: 'denied'` כברירת מחדל — ממזער נתונים שנאספו לפני הסכמה.
• עדכן בקבלה דרך requestIdleCallback — הימנע מחסימת ה-thread הראשי.

מדידת השפעת CMP על Core Web Vitals

אל תנחש — מדוד. השתמש בכלים אלה לכימות השפעת הבאנר שלך:

• PageSpeed Insights — נתוני שדה מ-Chrome UX Report בתוספת ביקורת Lighthouse במעבדה. השווה ציונים עם ובלי סקריפט CMP.
• תוסף Chrome Web Vitals — שכבת-על בזמן אמת של LCP, INP, CLS במהלך בדיקות מקומיות.
• WebPageTest.org — תצוגת רצועת סרט ומפל המציגה בדיוק מתי הבאנר מעובד ומה הוא חוסם.
• דוח Core Web Vitals של Search Console — נתוני שדה של 28 יום מקובצים לפי דפוס URL. בדוק האם דפי נחיתה עם הבאנר שלך מקבלים ציונים שונים מדפים ללא.

כיצד FlexyConsent נשאר מהיר