من خلال قياس "مؤشرات أداء الويب الأساسية" للمستخدمين الفعليين، اكتشفت Rakuten 24 أيضًا أنّ سرعة عرض أكبر محتوى مرئي (LCP) الجيدة يمكن أن تؤدي إلى زيادة في معدّل الإحالات الناجحة بنسبة %61.13.
Rakuten 24 هو متجر على الإنترنت يتعاون مع كبرى الشركات المصنّعة للسلع الاستهلاكية المحلية والمتعددة الجنسيات لتقديم مجموعة كبيرة من السلع اليومية الضرورية، بما في ذلك الرعاية الصحية والمشروبات ومسلتزمات الحيوانات الأليفة ومنتجات الأطفال وغير ذلك. يوفّر هذا المتجر شركة Rakuten Group، Inc.، وهي شركة رائدة عالميًا في خدمات الإنترنت، ومن بين أفضل الأداء على منصة السوق الرقمي في اليابان.
بعد أن فهم فريق Rakuten 24 تأثير أداء الويب في تجربة المستخدم، بدأ بقياس مؤشرات أداء الويب الأساسية والمقاييس الأخرى وتحسينها وتتبُّعها باستمرار.
نتيجةً لذلك، يحصل أكثر من% 75 من مستخدمي هذه المواقع على قيم جيدة لمقياس "سرعة عرض أكبر محتوى مرئي" (LCP) و"مقياس مهلة الاستجابة لأوّل إدخال" (FID) و"سرعة عرض المحتوى على الصفحة" (FCP). ومع ذلك، لا يزال الفريق يعمل على تحسين متغيّرات التصميم التراكمية (CLS).
بعد تحليل بيانات الصفحة الرئيسية، تبيّن لفريق Rakuten 24 أنّ الحصول على نتيجة جيدة لمقياس LCP يمكن أن يؤدي إلى ما يلي:
- زيادة تصل إلى% 61.13 في معدّل الإحالات الناجحة
- 26.09% في الأرباح من كل زائر
- 11.26% في متوسّط قيمة طلب الشراء
- يمكن أن تؤدّي النتيجة الجيدة لمقياس FID إلى زيادة في معدّل الإحالات الناجحة تصل إلى% 55.88.
لتعزيز الربط بين "مؤشرات أداء الويب الأساسية" ومقاييس النشاط التجاري، أجرت Rakuten 24 أيضًا اختبار أ/ب يركّز على تحسين "مؤشرات أداء الويب الأساسية" والمقاييس ذات الصلة، وحقّقت الشركة تحسّنًا في ما يلي:
- 53.37% في الأرباح لكل زائر
- 33.13% في معدّل الإحالات الناجحة
- 15.20% في متوسّط قيمة طلب الشراء
- 9.99% في متوسّط الوقت المستغرَق
- انخفاض بنسبة% 35.12 في معدّل الخروج
إبراز الفرصة
على الرغم من أنّ تحسين أداء الويب هو استثمار ذكي لتحسين تجربة المستخدم ونمو النشاط التجاري، يدرك فريق Rakuten 24 مدى صعوبة إقناع الجهات المعنية باعتماد "مؤشرات أداء الويب الأساسية" والتركيز على أداء الويب. ويعتقدون أنّ أفضل طريقة لجذبهم هي توضيح نوع عائد الاستثمار الذي يمكن أن يحقّقه تحسين الأداء.
وبما أنّ Rakuten 24 هي خدمة جديدة نسبيًا ومستقلّة، استفادت من مرونتها لمواجهة هذا التحدي. ويعتقد الفريق أنّ نتيجة دراسة الحالة هذه ستساعده في اتخاذ المزيد من القرارات المستندة إلى البيانات في المستقبل، كما ستساعد المطوّرين الآخرين في قياس تأثير عملهم وإقناع الجهات المعنية بأنّ تحسين الأداء يستحق الاستثمار. يمكنك الاطّلاع على كيفية تحقيق ذلك في هذه المشاركة.
تحسين JavaScript والموارد
- إزالة الموارد التي تحظر العرض
- يمكنك تقسيم الرمز واستخدام
import()الديناميكي. - قسِّم كل المحتوى إلى أجزاء منفصلة وحمِّل ملفات HTML التي تظهر أسفل الصفحة بشكل بطيء.
- تنفيذ JavaScript وتحميله عند الطلب
- يمكنك تحديد موارد JavaScript البطيئة وتحسين عملية التحميل باستخدام السمة async في علامات
<script>وإنشاء اتصالات مبكّرة بمصادر مهمة (ملاحظات حول الموارد مثلdns-prefetchوpreconnectوpreload). - إزالة الرموز غير المستخدَمة وتصغير الرموز وضغطها
- استخدام شبكة توصيل المحتوى (CDN)
- التحكّم في التخزين المؤقت باستخدام Service Worker باستخدام Workbox
تحسين الصور
- التحميل الكسول للصور التي تظهر في الجزء السفلي غير المرئي من الصفحة
- تحسين الصور باستخدام شبكة توصيل المحتوى (CDN)، وعرض الصور بالحجم المناسب، وضغط الصور، واستخدام تنسيقات الصور المناسبة للمهمة (WebP وSVG وWeb Fonts)
تحسين مقياس CLS
- استخدِم CSS
aspect-ratioلحجز المساحة المطلوبة للصور أثناء تحميلها. - استخدِم
min-heightفي CSS لتقليل متغيّرات التصميم أثناء تحميل العناصر بشكل بطيء.
قياس الأداء
بالإضافة إلى استخدام إحصاءات PageSpeed لتدقيق موقعه الإلكتروني، أراد الفريق العثور على طريقة أفضل لمعرفة ما يواجهه المستخدمون في الواقع. لذلك، قرّرت Rakuten 24 استخدام مكتبة JavaScript لمؤشرات أداء الويب الأساسية لقياس مؤشرات أداء الويب الأساسية والمقاييس الأخرى في المجال وإرسال البيانات إلى أداة الإحصاءات الداخلية.
تحليل الأداء
حلّل الفريق البيانات الميدانية التي تم جمعها لتحديد ما إذا كان هناك أي ارتباط بين "مؤشرات أداء الويب الأساسية" ومقاييس النشاط التجاري الرئيسية. وتبيّن لهم أنّ المستخدِمين الذين أجروا إحالات ناجحة يميلون إلى تجربة LCP أفضل من المستخدِمين الذين لم يُجروا إحالات ناجحة.
وأظهرت البيانات التي تم جمعها أيضًا ما يلي:
- يمكن أن يؤدّي تحسين مقياس LCP إلى زيادة تصل إلى% 61.13 في معدّل الإحالات الناجحة، و% 26.09 في الأرباح لكلّ زائر، و% 11.26 في متوسّط قيمة طلب الشراء.
- يمكن أن يؤدي FID الجيد إلى زيادة في معدّل الإحالات الناجحة بنسبة تصل إلى% 55.88 مقارنةً بالمتوسط العام للبيانات.
مراقبة الأداء
أنشأ الفريق لوحة بيانات لمراقبة الأداء باستخدام البيانات التي تم جمعها في الميدان وأداة ذكاء الأعمال. وهذا مهمّ لرصد مستوى التقدّم ومنع حدوث أيّ تراجعات.
اختبار أ/ب
ولأنّ الفريق كان يعتقد أنّ اختبارات أ/ب هي طريقة جيدة لقياس تأثير تحسينات الأداء في النشاط التجاري، أجرى تحسينًا على إحدى صفحاته المقصودة لتتوافق مع مؤشرات أداء الويب الأساسية، ثمّ قارن النسخة المحسّنة بالصفحة الأصلية من خلال اختبار أ/ب لمدة شهر. واختَر الفريق صفحة مقصودة ذات عدد كبير من الزيارات والإحالات الناجحة حتى يتمكّن الاختبار من تحقيق نتائج ذات مغزى. خلال مدة الاختبار، تم توجيه% 50 من الزيارات إلى الصفحة المقصودة المحسّنة (الإصدار "أ")، وتم توجيه% 50 إلى الصفحة الأصلية (الإصدار "ب"). كان الاختلاف الوحيد بين الإصدار "أ" والإصدار "ب" هو أنّه تم تحسين الإصدار "أ" لمؤشرات Core Web Vitals ولم تكن هناك أي اختلافات وظيفية أو مرئية أخرى.
انتهى تحميل الإصدار المحسّن "أ" قبل 0.4 ثانية في اختبار التحميل على الأجهزة الجوّالة ولم يُظهر أيّ تغيير ملحوظ في التنسيق. في الواقع، تحسّنت متغيّرات التصميم التراكمية للإصدار "أ" بنسبة % 92.72 مقارنةً بالإصدار "ب". تحسّنت أيضًا نتائج "مؤشرات أداء الويب" الأخرى: تحسّنت مهلة الاستجابة الأولى (FID) بنسبة%7.95 وسرعة عرض أوّل جزء من المحتوى على الصفحة (FCP) بنسبة%8.45 ووقت الاستجابة للشبكة (TTFB) بنسبة%18.03.
عند مقارنة الإصدار "أ" المحسّن بالإصدار "ب" غير المحسّن، تبيّن لشركة Rakuten 24 أنّ الإصدار "أ" يحقّق ما يلي:
- زيادة بنسبة% 53.37 في الأرباح من كل زائر
- زيادة بنسبة 33.13% في معدّل الإحالات الناجحة
- زيادة بنسبة% 15.20 في متوسّط قيمة طلب الشراء
- زيادة بنسبة% 9.99 في متوسّط الوقت المستغرَق
- انخفاض بنسبة% 35.12 في معدّل الخروج
الخاتمة
إنّ تحسين أداء الويب هو أمر صعب ولكنه مفيد. من خلال اتّباع نهج مستند إلى البيانات، نجحت Rakuten 24 في تقديم تجربة أفضل للمستخدمين، بالإضافة إلى تأثير إيجابي محدّد في نشاطها التجاري. وبما أنّ هذا الإجراء هو جزء من الرحلة وليس الوجهة، سيواصلون تحسين موقعهم الإلكتروني لتقديم تجارب أكثر روعة للمتسوّقين على الإنترنت.
يتطلّب التحسين جهدًا مشتركًا، وليس على المطوّرين اتّخاذ هذه الخطوة بمفردهم. من خلال مشاركة التحديات والإنجازات التي حقّقتها، تأمل شركة Rakuten 24 أن يتمكّن المزيد من المطوّرين من استخدام بيانات "مؤشرات أداء الويب الأساسية" لإنشاء تفاهم متبادل مع الجهات المعنية، ثم العمل معًا من أجل توفير تجربة مستخدم عالية الجودة وتنمية النشاط التجاري.