סיקור ומחקר על Shopify ומסחר אלקטרוני
הרצנו 45 בדיקות Lighthouse על חנויות הדמו החיות של 15 תמות Shopify פופולריות, בפרופיל מובייל, עם throttling מדומה, שלוש הרצות לכל אחת. רק דמו אחד עמד ברף של Google ל-LCP טוב, והפער בין המקום הראשון לאחרון הוא יותר מפי שמונה.
לכל ספק תמות יש עמוד אחד להציג בו את הטענה שלו: חנות הדמו. זו התמה מוגשת בדיוק כפי שיוצר שלה רוצה שקונה יראה אותה. אז את זה מדדנו. חמש עשרה חנויות דמו חיות, שלוש הרצות Lighthouse במובייל לכל אחת, ארבעים וחמש בדיקות בסך הכול, כולן באותו יום, עם אותו כלי ואותו throttling.
| # | תמה (ספק) | LCP | CLS | TBT | ציון ביצועים |
|---|---|---|---|---|---|
| 1 | Ultra (UTD) | 1.91s | 0.000 | 65ms | 98 |
| 2 | Boutique (UTD) | 3.67s | 0.007 | 68ms | 85 |
| 3 | Allure (UTD) | 4.33s | 0.001 | 29ms | 81 |
| 4 | Refresh (Shopify) | 5.67s | 0.000 | 27ms | 74 |
| 5 | Dawn (Shopify) | 6.17s | 0.000 | 57ms | 69 |
| 6 | Symmetry (Clean Canvas) | 6.33s | 0.038 | 215ms | 70 |
| 7 | Prestige (Maestrooo) | 6.70s | 0.000 | 104ms | 62 |
| 8 | Gain (UTD) | 7.40s | 0.011 | 158ms | 61 |
| 9 | Warehouse (Maestrooo) | 7.73s | 0.001 | 38ms | 72 |
| 10 | Turbo (Out of the Sandbox) | 8.07s | 0.000 | 134ms | 60 |
| 11 | Impulse (Archetype) | 9.18s | 0.129 | 304ms | 58 |
| 12 | Victory (UTD) | 9.55s | 0.101 | 409ms | 51 |
| 13 | Impression (UTD) | 12.19s | 0.032 | 145ms | 56 |
| 14 | Horizon (Shopify) | 12.32s | 0.000 | 29ms | 62 |
| 15 | Motion (Archetype) | 15.78s | 0.000 | 353ms | 58 |
חציונים של 3 הרצות לכל דמו. LCP = Largest Contentful Paint, CLS = Cumulative Layout Shift, TBT = Total Blocking Time.
רק דמו אחד עובר. הרף של Google ל-LCP טוב במובייל הוא 2.5 שניות. דמו אחד מתוך חמישה עשר עובר אותו; שלושה עשר יושבים מעל קו 4 השניות ש-Google מגדירה כגרוע. throttling מדומה למובייל הוא מחמיר בכוונה, אבל זה הפרופיל ש-Lighthouse מחיל על כל חנות באופן שווה, והדירוג שהוא מייצר הוא הסדר שקונה עם טלפון מהדרג הבינוני חווה.
הפער הוא הסיפור. הפער של 13.9 שניות בין Ultra ל-Motion הוא לא רק הבדל במנוע. אלה בחירות שנערמות על בחירות: משקל המדיה בהירו, כמה סקריפטים רצים לפני הציור הראשון, אם התמה משחררת דמו ממושמע או מקושט. ספק ששומר על חלון התצוגה שלו רזה נוטה לשמור גם על החנות שלך רזה, כי אותן ברירות מחדל מגיעות בקופסה.
המוניטין של Turbo רץ מהר יותר מהדמו שלה. הנמכרת הוותיקה בקטגוריית ה”ביצועים” של Out of the Sandbox, שכבר לא מופיעה ב-Theme Store הרשמי ונמכרת ישירות, נחתה במקום העשירי, אחרי Dawn החינמית. דמו Seoul שלה השקיע 5.6 שניות עד הציור הראשון בהרצות שלנו.
דמואים כבדים מענישים תמות ויזואליות חדשות. תחתית הטבלה נשלטת בידי דמואים שנבנו סביב וידאו full-bleed ותמונות גדולות, Motion, Horizon, Impression. זו עלות אמיתית שהחנויות האמיתיות שלהן ישלמו אלא אם הסוחר יחליף את המדיה, וזה נראה במספרים: ה-TBT של Horizon מצוין (29ms) בעוד ה-LCP שלה הוא 12.3s. המנוע בסדר; חלון התצוגה כבד.
ההצדקה העסקית לגרד שניות מתועדת בשורה של מקרי בוחן שפורסמו: אוסף המחקרים של Google עצמה על Core Web Vitals מדווח על עליות בהמרות ובהכנסות משיפורי LCP אצל קמעונאים. מול פער של פי 8 בין דמואים, בחירת התמה היא אחת ההחלטות הבודדות בנושא מהירות שסוחר מקבל פעם אחת ומשלם עליה בכל סשן.
כל הפייפליין, רשימת התמות, סקריפט ההרצה, ה-JSON לכל הרצה וסקריפט הניתוח, מפורסם לצד הכתבה הזו. הריצו אותו על כל דמו תמה והמספרים שלכם אמורים ליפול בתוך הטווח הרגיל של סטיית Lighthouse מהמספרים שלנו.
ב-Core Web Vitals של Google, LCP מתחת ל-2.5 שניות נחשב טוב ומעל 4 שניות נחשב גרוע. בבדיקה שלנו על 15 דמו תמות רשמיים בחיבור מובייל מדומה, רק דמו אחד ירד מתחת ל-2.5 שניות ושלושה עשר היו בטווח הגרוע.
בחנויות הדמו שלהן עצמן, כן: מדדנו פער של פי 8 בחציון LCP במובייל בין הדמו המהיר לאיטי ביותר. חלק מהפער הזה הוא משקל התוכן שהספק בחר לדמו, וזה כשלעצמו מלמד, כי כך יוצר התמה מציג אותה במיטבה.
הוא מודד את התמה כפי שהספק משחרר ומציג אותה, כולל הבחירה שלו בתמונות, בסקשנים ובפיצ'רים. זו לא השוואת מעבדה מבוקרת של עמודים זהים, ולכן יש להתייחס לזה כאיתות חזק לגבי ברירות מחדל ומשמעת ולא כפסק דין על המנוע לבדו. אנחנו מתארים את המגבלה הזו במתודולוגיה.
Core Web Vitals הם סיגנל דירוג מאושר של Google, הנאסף מתנועה אמיתית בכל חנות שנסרקת. ההשפעה מתונה בהשוואה לרלוונטיות, אבל ההשפעה של זמני המתנה על המרות מתועדת ומצטברת יחד איתה.