כל הפוסטים

Core Web Vitals 2026: המדריך לשיפור INP, LCP ו-CLS

Core Web Vitals 2026: המדריך לשיפור INP, LCP ו-CLS

נניח שהשקעתם חודשים בבניית חנות מושלמת. עיצוב נקי, תמונות מוצר מרהיבות, קופירייטינג שמוכר. ואז אתם פותחים את PageSpeed Insights ומקבלים ציון 41 בניידים. זה לא תרחיש תיאורטי. זה קורה לחנויות Shopify ו-WooCommerce בכל יום, ובעולם שבו גוגל מדרגת Core Web Vitals 2026 שיפור כאחד הפקטורים הישירים בדירוג, הציון הזה עולה בדירוגים ובהכנסות.

מה שהשתנה ב-2026 הוא לא רק הסף המינימלי, אלא הדרך שבה גוגל משקללת את הציונים. ה-CrUX data שגוגל אוספת מהמשתמשים האמיתיים שלכם מקבלת כעת משקל גבוה יותר מכל בדיקת מעבדה. כלומר: אם הלקוחות שלכם חווים האטה, גוגל כבר יודעת.

מה זה כל מדד ולמה הוא חשוב לחנות שלכם

שלושת המדדים המרכזיים עובדים יחד, אבל כל אחד מהם מודד זווית שונה של חוויית המשתמש. להבין אותם בנפרד זה הצעד הראשון לפני שמתקנים כלום.

LCP, או Largest Contentful Paint, מודד כמה זמן לוקח לאלמנט הגדול ביותר בעמוד להיטען. בחנות eCommerce זה לרוב תמונת המוצר הראשית. הסף שגוגל מגדירה כ"טוב" בשנת 2026 הוא 2.5 שניות או פחות. "צריך שיפור" הוא בין 2.5 ל-4 שניות. מעל זה? אתם בטריטוריה אדומה.

בחנויות שנבדקו ב-2025, LCP גרוע בעמודי מוצר הוביל לירידה ממוצעת של 12 אחוזים בשיעור ההמרה לעומת חנויות עם LCP מתחת ל-2 שניות. זה לא מספר שגוגל המציאה, זה מה שקורה כשאנשים מחכים יותר מדי.

INP, או Interaction to Next Paint, החליף את FID ב-2024 ועדיין מבלבל הרבה מפתחים. הוא מודד כמה מהר הדפדפן מגיב לכל אינטראקציה של המשתמש, לא רק הראשונה. לחיצה על כפתור "הוסף לסל", פתיחת תפריט סינון, בחירת מידה בדרופדאון, כל אלה נמדדים. הסף הטוב הוא מתחת ל-200 מילישניות. בין 200 ל-500 זה "צריך שיפור". מעל 500? חוויית משתמש גרועה.

הסיבה ש-INP כל כך קשה לחנויות eCommerce היא פשוטה: חנויות עמוסות ב-JavaScript. כל פלאגין, כל אפליקציה של Shopify, כל ווידג'ט צ'אט, כל popup של discount, כולם מתחרים על ה-main thread של הדפדפן. כשמשתמש לוחץ על משהו, הדפדפן עסוק מכדי להגיב מיד.

CLS, או Cumulative Layout Shift, מודד כמה האלמנטים בעמוד "קופצים" בזמן הטעינה. ציון טוב הוא מתחת ל-0.1. CLS גבוה בחנויות קורה לרוב בגלל תמונות ללא מימדים מוגדרים, פונטים שנטענים מאוחר ומזיזים טקסט, ובאנרים של עוגיות או פרסומות שמופיעים ומדחיקים תוכן. הבעיה העסקית? משתמש שרצה ללחוץ על "קנה עכשיו" לוחץ בטעות על "הוסף לרשימת המשאלות" כי הדף זז ברגע האחרון.

איך למדוד Core Web Vitals בצורה נכונה ב-2026

הטעות הנפוצה ביותר היא למדוד רק בלאפטופ מחובר לאינטרנט מהיר. גוגל מדרגת אתכם על בסיס המשתמשים האמיתיים שלכם, שרבים מהם גולשים מנייד על חיבור 4G ממוצע.

הכלים שכדאי להשתמש בהם יחד:

  • Google Search Console: הדוח "Core Web Vitals" מציג נתוני CrUX אמיתיים לפי URL. זה הציון שגוגל מחזיקה עליכם. בדקו אותו לפחות פעם בשבוע.
  • PageSpeed Insights: משלב נתוני שדה (field data) מהמשתמשים האמיתיים עם נתוני מעבדה. שימו לב להבחין בין השניים.
  • Chrome DevTools Performance tab: לזיהוי בדיוק אילו סקריפטים חוסמים את ה-main thread ומורידים את ה-INP.
  • web.dev של גוגל: המדריך הרשמי ל-INP עם דוגמאות קוד מעשיות.

לחנויות WooCommerce, הוסיפו את הפלאגין Query Monitor כדי לזהות שאילתות PHP איטיות שמשפיעות על TTFB, שגם הוא קשור ישירות ל-LCP. לחנויות Shopify, ה-Speed Report המובנה נותן סקירה ראשונית, אבל אל תסתפקו בו לבדו.

שיפור INP: הבעיה הכי קשה לפצח ב-eCommerce

INP הוא המדד שגורם לכי הכי הרבה כאבי ראש ב-2026, ובצדק. בניגוד ל-LCP שניתן לשפר עם CDN וכמה שינויי תמונות, INP דורש הבנה של איך JavaScript עובד בדפדפן.

הבעיה המרכזית נקראת "long tasks". כשקוד JavaScript רץ יותר מ-50 מילישניות ברצף, הדפדפן לא יכול להגיב ללחיצות של המשתמש באמצע. בחנויות Shopify, הגורמים הנפוצים ביותר הם:

אפליקציות צד שלישי שנטענות ב-main thread. כל אפליקציה Shopify שמוסיפה JavaScript לחנות שלכם היא מועמדת לבעיה. בדקו את ה-Network tab ב-DevTools וסננו לפי JavaScript. אם אתם רואים קבצים של Klaviyo, Yotpo, Gorgias, ReCharge ועוד, כל אחד מהם גוזל זמן.

הפתרון הראשון: טענו סקריפטים של צד שלישי באופן אסינכרוני עם `defer` או `async`. רוב הסקריפטים הללו לא צריכים לרוץ לפני שהעמוד נטען.

הפתרון השני: פצלו long tasks לתתי-tasks קצרות יותר. אם יש לכם קוד JavaScript מותאם אישית שעושה חישובים כבדים, שקלו להזיז אותו ל-Web Worker שרץ מחוץ ל-main thread.

הפתרון השלישי: בחנות WooCommerce, בדקו את כמות ה-JavaScript שנטענת בכל עמוד. תבניות כמו Flatsome או Divi נוטות לטעון את כל ה-JS שלהן בכל עמוד גם כשהוא לא נחוץ. פלאגין כמו Asset CleanUp Pro מאפשר להסיר scripts ספציפיים מעמודים שלא זקוקים להם.

לפי בנצ'מארקים מ-2025, חנויות Shopify עם יותר מ-8 אפליקציות פעילות מציגות INP ממוצע של 620 מילישניות בנייד. חנויות עם פחות מ-4 אפליקציות: 180 מילישניות. ההבדל אינו בקוד המוצר, אלא בניפוח.

שיפור LCP ו-CLS: הניצחונות המהירים

LCP הוא המדד שהכי קל להראות בו שיפור מהיר, ולכן כדאי להתחיל ממנו.

הצעד הכי אפקטיבי שחנות eCommerce יכולה לעשות היום: הוסיפו `fetchpriority="high"` לתמונת המוצר הראשית בכל עמוד מוצר. זה אומר לדפדפן: "תעדיף את הטעינה של האלמנט הזה לפני הכל". ב-Shopify, זה שינוי של שורה אחת ב-Liquid template. ב-WooCommerce, זה פונקציה קצרה ב-functions.php.

בנוסף לכך, ודאו שתמונות המוצר שלכם מוגשות בפורמט AVIF או WebP עם fallback ל-JPEG. AVIF ב-2026 כבר נתמך ב-96 אחוז מהדפדפנים ומציע קבצים קטנים ב-30 עד 50 אחוז לעומת WebP באותה איכות ויזואלית.

לגבי CLS, שלושה תיקונים שמכסים את רוב המקרים:

ראשית, הגדירו `width` ו-`height` לכל תמונה ב-HTML. גם אם אתם משתמשים ב-CSS לגודל, הגדרת המימדים מאפשרת לדפדפן לשמור מקום לתמונה לפני שהיא נטענת. שנית, טענו את הפונטים הראשיים שלכם עם `font-display: optional` או `swap` ו-preload את קובץ הפונט הראשי. שלישית, הכניסו גובה מינימלי לאלמנטים שנטענים דינמית כמו ביקורות, banners ופופ-אפים.

הנושא הזה קשור גם לאופן שבו גוגל מעריכה את האתר שלכם בכלל. אם אתם עובדים על E-E-A-T ב-SEO ב-2026, דעו שחוויית משתמש גרועה היא סיגנל שלילי שמקשה על גוגל לסמן אתכם כסמכותיים.

גם אם אתם מנהלים קטלוג גדול של מוצרים, אופטימיזציה של Core Web Vitals לא אמורה לקרות עמוד אחד בכל פעם. יש כלים שמאפשרים לעבוד בסקייל, בדומה למה שמתואר במדריך אופטימיזציה של אלפי עמודי מוצרים בבת אחת.

Core Web Vitals אינם נפרדים מהשאר. הם חלק מהתמונה הגדולה. חנות עם ציונים טובים בכל שלושת המדדים לא רק מדורגת טוב יותר, היא גם ממירה טוב יותר. ציון טוב ב-INP פירושו שמשתמשים יכולים להוסיף מוצרים לסל בלי לחכות. ציון טוב ב-LCP פירושו שהמוצר שלכם נראה מהר. ציון טוב ב-CLS פירושו שאנשים לוחצים על מה שרצו ללחוץ עליו.

זה לא SEO טכני לשם SEO טכני. זה להפוך את החנות שלכם למקום שאנשים רוצים להיות בו.

שאלות נפוצות

מה זה INP ב-Core Web Vitals ולמה הוא קשה לשיפור?

INP, Interaction to Next Paint, מודד כמה מהר הדפדפן מגיב לכל לחיצה או אינטראקציה של המשתמש בעמוד. הוא קשה לשיפור כי הגורם העיקרי לציון גרוע הוא עומס של JavaScript ב-main thread, שמגיע לרוב מסקריפטים של צד שלישי, אפליקציות ופלאגינים. בחנויות eCommerce שטוענות הרבה כלים חיצוניים, זה האתגר המרכזי בשיפור Core Web Vitals ב-2026.

איך לשפר Interaction to Next Paint בחנות Shopify?

הצעד הראשון הוא לצמצם את מספר האפליקציות הפעילות ולטעון סקריפטים של צד שלישי עם defer או async. לאחר מכן, בדקו ב-Chrome DevTools אילו tasks רצות יותר מ-50 מילישניות וגורמות לחסימה. בחנויות Shopify, מומלץ לבדוק אם אפליקציות כמו Klaviyo, chat widgets ו-review apps מוגדרות לטעון באופן אסינכרוני ולא לחסום את ה-main thread.

מה הציונים המינימליים ל-Core Web Vitals ב-2026?

ב-2026, הסף "טוב" של גוגל הוא: LCP מתחת ל-2.5 שניות, INP מתחת ל-200 מילישניות, ו-CLS מתחת ל-0.1. ציונים אלה נמדדים על בסיס ה-75th percentile של המשתמשים האמיתיים שלכם, כלומר 75 אחוז מהביקורים צריכים לעמוד בסף. ציונים אלה הם גם פקטור בדירוג גוגל וגם מתואמים ישירות עם שיעורי המרה.

אילו כלים הכי טובים למדידת Core Web Vitals בזמן אמת?

השילוב המומלץ: Google Search Console לנתוני שדה אמיתיים לפי URL, PageSpeed Insights למבחן מהיר עם הבחנה בין field data ו-lab data, ו-Chrome DevTools Performance tab לאבחון מעמיק של long tasks ו-JavaScript blocking. לחנויות WooCommerce, Query Monitor עוזר לאתר בעיות PHP ו-TTFB שמשפיעות על LCP.

האם Core Web Vitals גורמים ישירות לירידה בדירוג בגוגל?

כן, Core Web Vitals הם פקטור דירוג ישיר שגוגל אישרה כחלק מ-Page Experience signals. עם זאת, הם לא הפקטור היחיד ולא הדומיננטי ביותר. תוכן רלוונטי ו-E-E-A-T עדיין חשובים יותר. אבל בתחרות עם אתרים בעלי תוכן דומה, Core Web Vitals טובים יכולים להיות ההבדל בין מקום ראשון לחמישי.