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