إلى أي مدى ساعدت ميزة "التخزين المؤقت للصفحات" في Yahoo! شركة JAPAN News تزيد أرباحها بنسبة 9% على الأجهزة الجوّالة

Yuriko Hirota
Yuriko Hirota

التخزين المؤقت للصفحات (أو bfcache) هو أداة تحسين للمتصفّح والتي تفعّل إمكانية الانتقال الفوري للأمام أو للخلف. كما تُحسِّن تجربة التصفُّح بشكل كبير للمستخدمين، لا سيما للمواقع الإلكترونية التي تتضمّن العديد من عمليات التنقّل ذهابًا وإيابًا.

مقالة web.dev حول ميزة "التخزين المؤقت للصفحات"

Yahoo! بذل فريق JAPAN News، إحدى منصات الأخبار الأكثر رواجًا في اليابان، جهدًا مُركّزًا لتحسين معدّل نتائج bfcache، وشهد نتيجةً لذلك تحسينات كبيرة في تجربة المستخدم ونشاطه التجاري. على وجه التحديد، أظهرت نتائج اختبار أ/ب الذي أجروه أنّ الصفحات التي تستخدم bfcache حققت زيادة بنسبة% 9 في أرباح الإعلانات.

ستوضّح دراسة الحالة هذه كيفية أزالت JAPAN News حظر bfcache، وشرحت كيف أدّى ذلك إلى تحسين تجربة المستخدم بشكل كبير.

إزالة أدوات الحظر لـ bfcache

يتوفّر ملف bfcache منذ الإصدار 86 من Chrome، كما يتوفّر أيضًا على جميع المتصفّحات الحديثة. ومع ذلك، للاستفادة إلى أقصى حد من bfcache، يجب إزالة أدوات الحظر المحتملة على الموقع الإلكتروني. بعض أدوات الحظر الرئيسية التي تستخدمها Yahoo! في ما يلي المشاكل التي واجهتها خدمة JAPAN News:

  1. استخدام معالجات unload
  2. استخدام التوجيه no-store في رؤوس Cache-control

يمكنك التحقّق من الحواجز الرئيسية التي تواجه موقعك الإلكتروني من خلال الانتقال إلى أدوات مطوّري البرامج في Chrome > التطبيقات > ذاكرة التخزين المؤقت للرجوع/التقديم (مزيد من التفاصيل)، أو باستخدام واجهة برمجة التطبيقات notRestoredReasons API للحصول على نظرة أكثر شمولية على الحواجز استنادًا إلى الاستخدام الفعلي في المجال.

في ما يلي كيفية معالجة Yahoo! أزالت JAPAN News أدوات حظر الإعلانات:

يُستخدَم تنسيق CCNS للصفحات التي لا يجب تخزينها مؤقتًا تحت أي ظرف من الظروف. يُرجى العِلم أنّ أي صفحة تتضمّن العنوان CCNS لن تتمكّن من الاستفادة من أي تقنية تخزين مؤقت، بما في ذلك خوادم CDN الطرفية وذاكرات التخزين المؤقت المحلية.

إذا كان لديك عنوان CCNS، هذه فرصة رائعة لمناقشة استراتيجيات Cache-control المناسبة لموقعك الإلكتروني. في ما يلي الاختلافات الرئيسية بين no-store وno-cache.

Cache-control: no-store Cache-control: no-cache
  • لا يُسمح بتخزين الردّ في ذاكرات التخزين المؤقت.
  • ونتيجةً لذلك، يتم جلب الردّ بالكامل عند كل طلب.
  • يجب استخدام هذا الإجراء مع الردود الخاصة.
  • يُسمح بتخزين الاستجابة في ذاكرات التخزين المؤقت طالما أنّه تتم إعادة التحقّق من صحتها مع الخادم قبل كل استخدام.
  • يجب أن تكون هذه الردود علنية وتريد إعادة التحقّق منها في كل مرة (على سبيل المثال، الصفحة الرئيسية لموقع إلكتروني إخباري، ومع ذلك، يمكن أن يؤدي وقت التخزين المؤقت القصير جدًا إلى تحسين الأداء وتخفيف العمل عن الخوادم الرئيسية).

إذا كنت مهتمًا بمعرفة المزيد عن خيارات Cache-control، يمكنك الاطّلاع على مخطّط العمل هذا للحصول على مساعدة كبيرة.

تأثير bfcache في الأرقام

لقياس تأثير ميزة "التخزين المؤقت للصفحات"، اتّبعت Yahoo! أجرت JAPAN News اختبار A/B لمدة أسبوعَين، حيث عرضت نسخة من صفحاتها تتضمّن إصلاحات ميزة "التخزين المؤقت للصفحات" لمجموعة واحدة، ونسخة تتضمّن صفحات غير مؤهّلة لاستخدام ميزة "التخزين المؤقت للصفحات" لمجموعة أخرى. واختَر فريق التسويق مسارات عناوين URL التي تجذب عددًا كبيرًا من الزيارات حتى يحقّق الاختبار نتائج مفيدة. لم يكن هناك أي اختلاف بصري أو وظيفي آخر بين الإصدارَين.

في ما يلي فيديو يقارن بين الموقع الإلكتروني مع ميزة "التخزين المؤقت للصفحات" وبدونها. يمكنك ملاحظة أنّ الموقع الإلكتروني الذي تم تفعيل ميزة bfcache فيه يتم تحميله بشكل أسرع بكثير أثناء الانتقال للخلف أو للأمام.

من المفيد حقًا أنّ المجموعة التي تم تفعيل ميزة bfcache فيها سجّلت زيادة كبيرة في عدد مشاهدات الصفحة وأرباح الإعلانات، خاصةً على الأجهزة الجوّالة.

في ما يلي تفاصيل عن التأثير الذي رصدته Yahoo! JAPAN News مع اختبار A/B لميزة "التخزين المؤقت للصفحات" (يمكنك الاطّلاع على مزيد من المعلومات في مقالة دراسة الحالة).

المقاييس النسبة المئوية لزيادة التأثير (الأجهزة الجوّالة) النسبة المئوية للزيادة (أجهزة الكمبيوتر المكتبي)
معدّل نتائج ميزة "التخزين المؤقت للصفحات" +54.03 نقطة (0.04% → 54.07%) ‫+47.28 نقطة (0.02% ‏ → 47.30%)
مشاهدة الصفحة ‎+2.26% ‫+0.65%
أرباح الإعلانات +9.0% ‫+0.6%

عندما تصبح عمليات التنقّل للخلف/للأمام بين الصفحات فورية باستخدام bfcache، يميل المستخدِمون إلى البقاء على الصفحات لفترة أطول، ما يؤدي إلى زيادة مشاهدات الإعلانات، ما يؤدّي إلى زيادة أرباح الإعلانات.

تحسِّن أداة bfcache تجربة المستخدم السلسة على الموقع الإلكتروني.

عندما يتم تحميل الصفحات على الفور، يكون التنقل أكثر سلاسة.

في Yahoo! في ما يلي رحلة المستخدِم الرئيسية في تطبيق JAPAN News:

  1. الانتقال إلى قائمة المقالات
  2. النقر على مقالة واحدة لقراءتها
  3. الرجوع إلى قائمة المقالات
  4. النقر على مقالة أخرى لقراءتها

قبل استخدام bfcache، كان على المستخدمين الانتظار حتى يتم تحميل صفحة قائمة المقالات مرة أخرى بعد الانتهاء من قراءة مقالة (الخطوة 2). وقد يشكّل ذلك عائقًا أمام المستخدمين الذين يريدون فقط العودة إلى قائمة المقالات لاختيار مقالة أخرى للقراءة.

كان موضع التمرير مصدرًا آخر للإزعاج أثناء التنقّل للخلف. في العادة، يحاول المتصفّح استعادة موضع التمرير عند الانتقال للخلف. ومع ذلك، بسبب الإعلانات المُضافة ديناميكيًا أو تغييرات التنسيق الأخرى، غالبًا ما تتم استعادة موضع التمرير بشكل غير صحيح، ما قد يتسبب في فقدان المستخدمين لاتجاههم أو حتى مغادرة الصفحة. ولا يشكّل ذلك مشكلة أبدًا عند استخدام ذاكرة التخزين المؤقت للصفحات Bfcache للانتقال للخلف: تتم استعادة موضع التمرير على الفور وبشكل صحيح.

شريطَا فيلمَين للتنقّل للخلف من مقالة إلى صفحة بطاقة بيانات المقالة يعرض الجزء العلوي شريطًا سينمائيًا للعملية التي تتم معالجتها باستخدام bfcache والتي تستغرق 0.3 ثانية، في حين يعرض الجزء السفلي العملية نفسها التي تتم معالجتها بدون bfcache والتي تستغرق 3.3 ثانية.

والآن، بفضل ذاكرة التخزين المؤقت bfcache، تمّت إزالة أيّ عقبات في رحلة المستخدِم، إذ يمكن للمستخدِمين الانتقال فورًا إلى صفحة قائمة المقالات واختيار مقالة أخرى للقراءة بدون الحاجة إلى الانتظار إلى أن يتم تحميل صفحة قائمة المقالات.

يحدث الشيء نفسه عندما ينتقل المستخدمون من مقالة إلى أخرى مباشرةً والعكس:

صورة متحركة تعرض مسار التنقّل للخلف من مقالة إلى صفحة بيانات المقالة باستخدام ذاكرة التخزين المؤقت لإعادة التحميل وبدونها باستخدام ذاكرة التخزين المؤقت للصفحات (bfcache)، لا يكون التنقّل للخلف أسرع فحسب، بل يتم أيضًا الحفاظ على موضع التمرير بدقة. ولا يمكن تقديم هذه الضمانات بدون bfcache.

باختصار، فوائد استخدام ميزة "التخزين المؤقت للصفحات" في Yahoo! تشمل أخبار اليابان ما يلي:

  • زيادة عدد مشاهدات الصفحة: كان من المرجّح أن تنقّل المستخدمون داخل الموقع الإلكتروني عندما تم تخزين الصفحات مؤقتًا باستخدام bfcache.
  • زيادة الأرباح: نتيجةً لزيادة عدد مشاهدات الصفحة لكل جلسة، زادت مرّات ظهور الإعلانات، ما أدّى إلى زيادة الأرباح بنسبة% 9 على الأجهزة الجوّالة مقارنةً بالمجموعة الاختبارية التي لم تستخدم bfcache.

الخاتمة

باختصار، لا تجعل ذاكرة التخزين المؤقت bfcache موقعك الإلكتروني سريعًا فحسب، بل يمكنها أيضًا تقليل المشاكل في تجربة المستخدم بشكل عام وزيادة التفاعل على موقعك الإلكتروني.

يفحص فريق Chrome باستمرار حظر ذاكرة التخزين المؤقت bfcache، لا سيما السببَين المذكورَين في هذه المقالة لأنّهما السببان الشائعان لعدم استخدام ذاكرة التخزين المؤقت bfcache. في المستقبل، قد لا تمنع هذه الإجراءات استخدام ميزة "التخزين المؤقت للصفحات"، ولكن ليس عليك الانتظار إلى ذلك الحين. يمكنك الاستفادة من ميزة bfcache من خلال الاطّلاع على حظراتها وتجنُّب هذه الأنماط الشائعة وغيرها من الأنماط الأقل شيوعًا.