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