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