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