التخزين المؤقت للصفحات (أو bfcache) هو أداة تحسين للمتصفّح تتيح التنقّل الفوري للأمام أو للخلف. كما تُحسِّن تجربة التصفُّح بشكل كبير للمستخدمين، ولا سيما المواقع الإلكترونية التي تتضمّن العديد من عمليات التنقّل ذهابًا وإيابًا.
مقالة على web.dev حول ميزة "التخزين المؤقت للصفحات"
Yahoo! بذلت منصة JAPAN News، وهي إحدى منصات الأخبار الأكثر شيوعًا في اليابان، جهدًا منسقًا لتحسين معدل نجاح ذاكرة التخزين المؤقت للخلف والأمام، وشهدت تحسينات كبيرة في تجربة المستخدم والنشاط التجاري نتيجةً لذلك. على وجه التحديد، أظهرت نتائج اختبار A/B الذي أجروه أنّ الصفحات التي تستخدم ذاكرة التخزين المؤقت للأزرار "رجوع" و"تقديم" حقّقت زيادة بنسبة% 9 في إيرادات الإعلانات.
ستشرح دراسة الحالة هذه كيف تمكّنت Yahoo! أزالت JAPAN News العناصر التي تحظر استخدام bfcache، وتوضّح كيف حسّنت bfcache تجربة المستخدم بشكل كبير.
إزالة العوائق التي تحول دون استخدام bfcache
تتوفّر ميزة bfcache منذ الإصدار 86 من Chrome، وهي متاحة أيضًا على جميع المتصفّحات الحديثة. ومع ذلك، يتطلّب الاستفادة الكاملة من ذاكرة التخزين المؤقت للخلف والأمام إزالة أدوات الحظر المحتملة على الموقع الإلكتروني. بعض أدوات الحظر الرئيسية التي تستخدمها Yahoo! كانت المشاكل التي واجهها JAPAN News هي:
- استخدام معالِجات
unload - استخدام التوجيه
no-storeفي عناوينCache-control
يمكنك التحقّق من وجود مشاكل رئيسية تحظر استخدام ذاكرة التخزين المؤقت للخلف/للأمام على موقعك الإلكتروني
من خلال الانتقال إلى أدوات مطوّري البرامج في Chrome > التطبيقات > ذاكرة التخزين المؤقت للخلف/للأمام.
بدلاً من ذلك، يمكنك استخدام واجهة برمجة التطبيقات notRestoredReasons
للحصول على نظرة أكثر شمولاً على أدوات الحظر استنادًا إلى الاستخدام الفعلي في المجال.
إليك الطريقة، Yahoo! أزالت JAPAN News أدوات حظر الإعلانات:
- استبدال معالِجات إلغاء التحميل: تم استخدام الحدث
pagehideبدلاً من الحدثunload، لأنّ الحدثunloadغير موثوق به إلى حد كبير. تم إطلاقPermissions-Policy: unload=()في الإصدار 115 من Chrome حتى تتمكّن المواقع الإلكترونية من إزالة معالِجاتunloadبشكل موثوق لمصادر محدّدة. يخطّط Chrome لإيقاف معالجاتunloadنهائيًا تدريجيًا. - تغيير
cache-control: يؤدي تغيير عنوانCache-controlمنno-store(CCNS) إلىno-cacheإلى تفعيل ذاكرة التخزين المؤقت للصفحات (bfcache). يخطّط Chrome للتخزين المؤقت في ذاكرة التخزين المؤقت للخلف والأمام، حتى مع تضمين العنوانno-store، في ظروف معيّنة.
تم تصميم CCNS للصفحات التي يجب عدم تخزينها مؤقتًا بأي شكل من الأشكال. يجب التنبّه إلى أنّ الصفحات التي تحتوي على CCNS لا تستفيد من أي تكنولوجيا للتخزين المؤقت، بما في ذلك خوادم الحافة لشبكة توصيل المحتوى وذاكرات التخزين المؤقت المحلية.
إذا كان لديك عنوان CCNS، هذه فرصة رائعة لمناقشة استراتيجيات Cache-control المناسبة لموقعك الإلكتروني. في ما يلي الاختلافات الرئيسية بين no-store وno-cache.
لمزيد من المعلومات حول خيارات cache-control، راجِع مخطط cache-control الانسيابي.
اختبار A/B لإظهار التأثير
لقياس تأثير ميزة "التخزين المؤقت للصفحات"، اتّبعت Yahoo! أجرت JAPAN News اختبار A/B لمدة أسبوعَين. وقد عرضوا إصدارًا من صفحاتهم يتضمّن إصلاحات لمشاكل التوافق مع ميزة "التخزين المؤقت للصفحات" لمجموعة واحدة، وإصدارًا آخر يتضمّن صفحات غير مؤهَّلة للاستفادة من هذه الميزة لمجموعة أخرى. اختبروا مسارات عناوين URL التي تجذب عددًا كبيرًا من الزيارات للتأكّد من أنّ الاختبار حقّق نتائج ذات مغزى. لم يكن هناك أي اختلاف آخر مرئي أو وظيفي بين الصفحتين.
إليك فيديو يقارن بين الموقع الإلكتروني مع ميزة "التخزين المؤقت للصفحات" وبدونها. يمكنك ملاحظة أنّ الموقع الإلكتروني الذي تم تفعيل ميزة bfcache فيه يتم تحميله بشكل أسرع بكثير أثناء الانتقال إلى الخلف أو الأمام.
والأمر الواعد حقًا هو أنّ المجموعة التي تم تفعيل bfcache فيها شهدت زيادة كبيرة في عدد مشاهدات الصفحة وإيرادات الإعلانات، لا سيما على الأجهزة الجوّالة.
في ما يلي تفاصيل حول التأثير الذي لاحظته Yahoo!. JAPAN News مع اختبار أ/ب المتعلّق بميزة bfcache يمكنك الاطّلاع على مزيد من المعلومات في دراسة الحالة.
عندما يصبح التنقّل بين الصفحات باستخدام زرَي الرجوع/التقديم فوريًا بفضل ميزة bfcache، يميل المستخدمون إلى البقاء على الصفحات لفترة أطول، ما يؤدي إلى زيادة مشاهدات الإعلانات، وبالتالي زيادة الإيرادات من الإعلانات.
تجربة مستخدم سلسة
عندما يتم تحميل الصفحات بشكل فوري، تصبح عمليات التنقّل أكثر سلاسة.
في Yahoo! في JAPAN News، إحدى تجارب المستخدمين الرئيسية هي قراءة عدة مقالات:
- انتقِل إلى قائمة المقالات.
- انقر على إحدى المقالات لقراءتها.
- بعد الانتهاء، ارجع إلى قائمة المقالات.
- انقر على مقالة أخرى لقراءتها.
قبل توفّر ميزة bfcache، عندما كان المستخدمون ينتهون من قراءة مقالة، كان عليهم الانتظار إلى أن يتم تحميل صفحة قائمة المقالات مرة أخرى. قد يشكّل ذلك عاملاً مزعجًا للمستخدمين الذين يريدون الرجوع بسرعة إلى القائمة لاختيار مقالة أخرى لقراءتها.
كانت موضع التمرير مصدرًا آخر للاحتكاك أثناء التنقّل للخلف. في الواقع، يحاول المتصفّح استعادة موضع التمرير عند الانتقال إلى الخلف. ومع ذلك، بسبب الإعلانات التي تتم إضافتها بشكلٍ ديناميكي أو التغييرات الأخرى في التنسيق، يمكن استعادة موضع التمرير بشكلٍ غير صحيح. ويؤدي ذلك إلى إرباك المستخدم أو حتى مغادرة الصفحة.
يتم حلّ هذه المشكلة عندما يتم تفعيل ميزة الانتقال للخلف باستخدام ذاكرة التخزين المؤقت للصفحات Bfcache، إذ يتم استعادة موضع التمرير على الفور وبشكل صحيح.
أما الآن، فقد تم التخلص من المشاكل في رحلة المستخدم بفضل ذاكرة التخزين المؤقت للخلف والأمام. يمكن للمستخدمين الرجوع فورًا إلى صفحة قائمة المقالات واختيار مقالة أخرى لقراءتها بدون الحاجة إلى الانتظار إلى أن يتم تحميل صفحة قائمة المقالات.
ويحدث الأمر نفسه عندما يتصفّح المستخدمون من مقالة إلى أخرى مباشرةً ثم يعودون إلى المقالة الأولى:
باختصار، مزايا ذاكرة التخزين المؤقت للصفحات في Yahoo! تشمل أخبار اليابان ما يلي:
- زيادة عدد مشاهدات الصفحة: كان من المرجّح أن يتنقّل المستخدمون داخل الموقع الإلكتروني عندما يتم تخزين الصفحات مؤقتًا باستخدام bfcache.
- زيادة الإيرادات: نتيجةً لزيادة عدد مشاهدات الصفحة لكل جلسة، زادت مرّات ظهور الإعلانات، ما أدّى إلى زيادة الإيرادات بنسبة% 9 على الأجهزة الجوّالة، مقارنةً بالمجموعة التجريبية التي لم تستخدم ميزة bfcache.
تنفيذ bfcache الآن
باختصار، لا تعمل ميزة bfcache على تسريع موقعك الإلكتروني فحسب، بل يمكنها أيضًا تقليل المشاكل في تجربة المستخدم بشكل عام وزيادة التفاعل داخل موقعك الإلكتروني.
يراجع فريق Chrome باستمرار العوامل التي تمنع استخدام ذاكرة التخزين المؤقت للصفحات الخلفية، لا سيما الأسباب المدرَجة لأنّها من الأسباب الشائعة لعدم استخدام ذاكرة التخزين المؤقت للصفحات الخلفية. في المستقبل، قد لا تمنع هذه الأسباب استخدام ميزة "التخزين المؤقت للصفحات"، ولكن ليس عليك الانتظار حتى ذلك الحين. يمكنك الاستفادة من ذاكرة التخزين المؤقت للصفحات الخلفية والأمامية من خلال الاطّلاع على أدوات حظر ذاكرة التخزين المؤقت للصفحات الخلفية والأمامية الآن وتجنُّب هذه الأنماط الشائعة (وغيرها من الأنماط الأقل شيوعًا).