تقارير وأبحاث حول شوبيفاي والتجارة الإلكترونية
أجرينا 45 تدقيقًا بواسطة Lighthouse على المتاجر التجريبية المباشرة لـ 15 قالبًا شائعًا من قوالب Shopify، على ملف الهاتف المحمول، مع خفض السرعة المحاكى، بثلاث جولات لكل منها. عرض تجريبي واحد فقط بلغ حدّ Google لقياس LCP الجيد، والفارق بين المركز الأول والأخير يزيد على ثمانية أضعاف.
لكل مطوّر قالب صفحة واحدة ليعرض فيها حجّته: المتجر التجريبي. إنه القالب بالهيئة التي يريد مؤلفه بالضبط أن يراها المشتري. لذا قِسنا ذلك. خمسة عشر متجرًا تجريبيًا مباشرًا، بثلاث جولات من Lighthouse على الهاتف المحمول لكل منها، بإجمالي خمسة وأربعين تدقيقًا، كلها في اليوم نفسه وبالأداة نفسها وخفض السرعة نفسه.
| # | القالب (المطوّر) | 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 بالضعيف. خفض سرعة الهاتف المحمول المحاكى قاسٍ بشكل متعمّد، لكنه الملف الذي يطبّقه Lighthouse على كل متجر بالتساوي، والترتيب الذي ينتج عنه هو ما يختبره المتسوّق على هاتف متوسط الفئة بالتسلسل نفسه.
الفارق هو القصة. الفجوة البالغة 13.9 ثانية بين Ultra وMotion ليست اختلافًا في المحرّك وحده. إنها اختيارات مركومة فوق اختيارات: وزن وسائط الواجهة الرئيسية، وعدد النصوص البرمجية التي تعمل قبل أول رسم للصفحة، وما إذا كان القالب يشحن عرضه التجريبي منضبطًا أم مزخرفًا. المطوّر الذي يحافظ على خفّة معرضه الخاص يميل إلى الحفاظ على خفّة متجرك أيضًا، لأن الإعدادات الافتراضية نفسها تُشحن في العلبة.
سمعة Turbo تسبق عرضه التجريبي. القالب الأكثر بيعًا منذ زمن طويل في خانة “الأداء” من Out of the Sandbox، والذي لم يعد مدرجًا في Theme Store الرسمي ويُبَاع مباشرة، جاء في المركز العاشر، خلف Dawn المجاني. استغرق عرضه التجريبي Seoul 5.6 ثانية حتى أول رسم في جولاتنا.
العروض التجريبية الثقيلة تعاقب القوالب البصرية الجديدة. أسفل الجدول تسيطر عليه عروض تجريبية مبنية حول فيديو بعرض الشاشة الكامل وصور كبيرة، Motion وHorizon وImpression. هذه كلفة حقيقية ستدفعها متاجرها الفعلية إلا إذا استبدل التاجر الوسائط، وهي ظاهرة في الأرقام: قيمة TBT لـ Horizon ممتازة (29ms) بينما قيمة LCP لديه 12.3s. المحرّك بخير؛ والمعرض ثقيل.
المبرّر التجاري لاقتطاع الثواني موثّق في دراسات حالة منشورة: مجموعة دراسات Core Web Vitals الخاصة بـ Google تفيد بتحقيق زيادات في التحويل والإيرادات نتيجة تحسينات LCP لدى عدد من متاجر التجزئة. وفي مقابل فارق بمقدار 8 أضعاف بين العروض التجريبية، يكون اختيار القالب أحد قرارات السرعة القليلة التي يتّخذها التاجر مرة واحدة ويدفع ثمنها في كل جلسة.
المسار الكامل، قائمة القوالب وسكربت التشغيل وملفات JSON لكل جولة وسكربت التحليل، منشور إلى جانب هذا المقال. شغّله على أي عرض تجريبي لقالب، ومن المفترض أن تقع أرقامك داخل نطاق التفاوت الطبيعي لـ Lighthouse مقارنة بأرقامنا.
تعتبر مؤشرات Core Web Vitals من Google قيمة LCP أقل من 2.5 ثانية جيدة، وأعلى من 4 ثوانٍ ضعيفة. في تدقيقنا لـ 15 عرضًا تجريبيًا رسميًا للقوالب على اتصال هاتف محمول محاكى، جاء عرض تجريبي واحد فقط بأقل من 2.5 ثانية، وكانت ثلاثة عشر في النطاق الضعيف.
على متاجرها التجريبية الخاصة، نعم: قِسنا فارقًا بمقدار 8 أضعاف في متوسط LCP على الهاتف المحمول بين أسرع عرض تجريبي وأبطأه. جزء من هذا الفارق يعود إلى وزن المحتوى الذي اختاره المطوّر للعرض التجريبي، وهذا في ذاته مفيد، فهو الطريقة التي يقدّم بها مؤلف القالب قالبه في أفضل حالاته.
إنه يقيس القالب كما يشحنه المطوّر ويعرضه، بما في ذلك اختياره للصور والأقسام والميزات. وهو ليس مقارنة مختبرية مضبوطة لصفحات متطابقة، لذا تعامل معه كإشارة قوية عن الإعدادات الافتراضية والانضباط بدلًا من حكم على المحرّك وحده. نوضّح هذا القيد في المنهجية.
مؤشرات Core Web Vitals هي إشارة ترتيب مؤكدة من Google، وتُجمع من الزيارات الحقيقية على كل متجر يُزحف إليه. التأثير متواضع بالمقارنة مع مدى الملاءمة، لكن أثر البطء على التحويل موثّق ويتراكم معه.