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

يوريكو هيروتا
يوريكو هيروتا

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

مقالة web.dev حول Bfcache

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

ستشرح دراسة الحالة هذه كيف يمكن لـ Yahoo! أزالت شركة JAPAN News أدوات حظر ميزة "التخزين المؤقت للصفحات" وكيف ساهمت ميزة "التخزين المؤقت للصفحات" في تحسين تجربة المستخدم بشكل كبير.

إزالة أدوات الحظر لميزة "التخزين المؤقت للصفحات"

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

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

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

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

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

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

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

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

تأثير ميزة "التخزين المؤقت للصفحات" في الأرقام

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

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

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

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

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

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

ميزة "التخزين المؤقت للصفحات" تعزّز تجربة المستخدم السلسة على الموقع الإلكتروني

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

في Yahoo! شركة JAPAN News، تتمثل إحدى أهم تجارب المستخدمين في ما يلي:

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

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

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

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

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

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

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

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

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

الخلاصة

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

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