נתוני המהירות שכדאי לדעת
המספרים של גוגל ברורים: 53% ממשתמשי מובייל עוזבים אם הדף לא נטען תוך 3 שניות. כל שנייה נוספת מורידה CVR ב-7%. דף שנטען ב-5 שניות ממיר ב-14% פחות מדף שנטען ב-3 שניות. ב-32% יותר גבוהה Bounce Rate לכל שנייה נוספת. הקשר ל-Google Ads Quality Score: מהירות הנחיתה היא אחד מהגורמים שמשפיעים על Ad Rank. דף איטי = Quality Score נמוך = CPC גבוה יותר ודירוג נמוך יותר. אתם משלמים יותר על כל קליק וממירים פחות ממנו. הקשר ל-Meta Ads: מטא עוקבת אחר זמן שהייה בדף. אם מבקרים עוזבים מהר, ה-Ad Score שלכם יורד וה-CPM עולה.
Core Web Vitals: מה רלוונטי לאי-קומרס
Core Web Vitals הם המדדים שגוגל משתמשת בהם לדירוג. שלושה מדדים עיקריים: (1) LCP (Largest Contentful Paint): כמה זמן עד שהאלמנט הגדול ביותר (בדרך כלל תמונת המוצר) נטען. יעד: מתחת ל-2.5 שניות. זה המדד הכי חשוב לדפי מוצר. (2) CLS (Cumulative Layout Shift): כמה הפריסה קופצת תוך כדי טעינה. כפתור שזז ולקוח לחץ על X במקום Add to Cart הוא CLS. יעד: מתחת ל-0.1. (3) INP (Interaction to Next Paint): כמה זמן עד שהדף מגיב ללחיצה. יעד: מתחת ל-200ms. מילימטי לחוויית קנייה.
מה מאט דפי Shopify
ארבעה גורמים עיקריים שמאטים חנויות Shopify: (1) תמונות לא מאופטמות (הגורם מספר 1): תמונת מוצר של 2-4MB לעומת 150-300KB בוורסיה מאופטמת. הפרש של 1.5-2 שניות בטעינה. (2) Apps שמשאירים JavaScript: כל App שמותקן בשופיפיי משאיר JS. Apps שהסרתם עדיין מפעילים קוד. 10-15 Apps = 500KB-1MB JS נוסף. (3) External Fonts: Google Fonts, TypeKit וכדומה דורשים Round Trip נוסף. פונטים מ-CDN חיצוני = 100-300ms נוספים. (4) Third-Party Scripts: Chat widgets (Tidio, Gorgias), Review apps (Yotpo, Okendo), Marketing tools (Klaviyo popup). כל סקריפט מוסיף 50-200ms.
תמונות: הקטגוריה הגדולה ביותר
תמונות הן 50-70% מהגודל הכולל של דף מוצר טיפוסי. שלושה שינויים קריטיים: (1) WebP במקום JPEG: WebP קטן ב-25-35% מ-JPEG באותה איכות. Shopify ממיר תמונות ל-WebP אוטומטית ל-browsers שתומכים בזה מגרסה 2021. ודאו שאתם מעלים ב-JPEG/PNG ושופיפיי יעשה את ההמרה. (2) Lazy Loading: תמונות מתחת לקפל לא צריכות לטעון עם דף. Lazy Loading אומר שהן נטענות רק כשמגיעים אליהן. ב-Shopify 2.0 זה מופעל אוטומטית ברוב הת'מות. (3) Hero Image: תמונת המוצר הראשונה היא ה-LCP. דחסו אותה במיוחד. יעד: מתחת ל-150KB. גדלים רספונסיביים: 800px לנייד, 1200px לדסקטופ.
Apps ו-Scripts: מה להסיר
ביצוע ביקורת Apps הוא אחד הדברים עם ה-ROI הגבוה ביותר בשיפור מהירות. תהליך ביקורת: (1) היכנסו ל-Shopify Admin, Apps. (2) לכל App: האם השתמשתם בו ב-30 הימים האחרונים? אם לא, הסירו. (3) בדקו ב-PageSpeed Insights את ה-Script Domains. זהו ספקים שלא הייתם מודעים אליהם. Apps שכדאי לאחד: Review App + Email + Loyalty Program של אותו ספק (כמו Klaviyo) טוענים JS אחד במקום שלושה. Defer Non-Critical Scripts: Chat widgets ו-Loyalty Programs לא חייבים לטעון לפני שהדף נגיש. ספקים טובים מאפשרים Defer. בקשו זאת מהספק שלכם.
כלים למדידת מהירות
ארבעה כלים שכל חנות Shopify צריכה: (1) PageSpeed Insights (pagespeed.web.dev): הכלי הרשמי של גוגל. מציג ציון מובייל ודסקטופ, ומה צריך לתקן. תמיד בדקו על URL של דף מוצר ספציפי, לא רק הדף הראשי. (2) GTmetrix: ניתוח מפורט יותר. מראה Waterfall (מה נטען מתי), גודל כל resource, ו-Opportunities. (3) Shopify Theme Inspector: Extension לכרום. מראה Liquid render time ובעיות ספציפיות לשופיפיי. (4) Chrome DevTools, Network Tab: הכי מפורט. הריצו עם Throttle ל-4G לסימולציה מדויקת של מובייל. פתחו כדי לראות מה מאט ספציפית.
שיפורים ללא מפתח ב-Shopify
רוב השיפורים המשמעותיים ב-Shopify לא דורשים מפתח: (1) הפעלת Lazy Loading: Online Store, Themes, Edit Default Theme Content. חפשו Lazy load. ברוב הת'מות זה כפתור מופעל/כבוי. (2) דחיסת תמונות עם TinyIMG: App שמוצא ומדחס תמונות כבדות אוטומטית ומוסיף WebP conversion. (3) Theme מהיר יותר: Dawn (Shopify Default) או Sense הם מהירים. Debutify, Prestige ו-Impulse יכולים להיות 1-2 שניות איטיים יותר. בדיקה: הריצו PageSpeed עם שני ת'מות. (4) הגבלת Apps ל-5 פעילים: כלל אצבע. יותר מ-7 Apps פעילים ב-Store Front כמעט תמיד פוגעים במהירות.
שיפורים: עלות, זמן, וקושי
| שיפור | שיפור LCP טיפוסי | קושי | עלות |
|---|---|---|---|
| אופטימיזציה תמונות (TinyIMG) | 0.8-1.5 שניות | קל | $10-20/חודש |
| הסרת Apps לא פעילים | 0.3-0.8 שניות | קל | חינם |
| מעבר ל-Theme מהיר | 0.5-1.5 שניות | בינוני | $0-350 חד פעמי |
| Defer Third-Party Scripts | 0.2-0.6 שניות | טכני | חינם (זמן מפתח) |
| Lazy Loading להפעלה | 0.2-0.5 שניות | קל | חינם |
| Font self-hosting | 0.1-0.3 שניות | טכני | חינם (זמן מפתח) |
רוצים לדעת אם מהירות הדף פוגעת ב-ROAS שלכם?
COREPPC מזהה בעיות ביצועים ומעקב המרות אוטומטית ב-5 דקות.
הריצו ביקורת חינמיתשאלות נפוצות
יעד: LCP מתחת ל-2.5 שניות. בינוני: 2.5-4 שניות. גרוע: מעל 4 שניות. רוב חנויות Shopify עם theme סטנדרטי ואפים מרובים מגיעות ל-3.5-5 שניות. אחרי אופטימיזציה בסיסית ניתן לרדת ל-2-2.5 שניות ברוב המקרים.
PageSpeed Insights (pagespeed.web.dev): הכניסו את ה-URL של דף המוצר שלכם ובדקו Mobile בנפרד. Google Search Console מציג נתוני שטח אמיתיים בדוח Core Web Vitals. Shopify Theme Inspector (Extension לכרום) מראה בעיות ספציפיות לשופיפיי.
כן מאוד. Theme כבד יכול להוסיף 1-2 שניות לזמן הטעינה לעומת Theme מינימלי. Dawn (Theme הדיפולטי של Shopify) הוא אחד המהירים. Themes מעוצבים כבדים עם אנימציות מאטים משמעותית.
Shopify כבר כוללת CDN לתמונות. הבעיה היא לא ה-CDN, אלא גודל הקבצים. תמונה של 3MB ב-CDN עדיין איטית. הפתרון: דחסו תמונות ל-WebP לפני העלאה. תמונה של 200KB ב-CDN תהיה מהירה בכל מקרה.
מובייל. 60-70% מהתנועה הממומנת מגיעה ממובייל. גוגל מדרג לפי Mobile First. אם צריך לבחור בין אופטימיזציה למובייל לדסקטופ, מובייל תמיד קודם. רוב השיפורים הם Cross-Platform ומשפרים את שניהם.