ব্যাক/ফরওয়ার্ড ক্যাশে ইয়াহু! JAPAN News মোবাইলে 9% আয় বাড়িয়েছে

Yuriko Hirota

ব্যাক/ফরোয়ার্ড ক্যাশে (বা bfcache) হল একটি ব্রাউজার অপ্টিমাইজেশান যা তাত্ক্ষণিক ব্যাক এবং ফরওয়ার্ড নেভিগেশন সক্ষম করে। এটি ব্যবহারকারীদের জন্য ব্রাউজিং অভিজ্ঞতাকে উল্লেখযোগ্যভাবে উন্নত করে, বিশেষ করে এমন ওয়েবসাইটগুলির জন্য যেখানে অনেকগুলি সামনে এবং পিছনে নেভিগেশন জড়িত।

bfcache-এ web.dev নিবন্ধ

ইয়াহু! JAPAN News, জাপানের অন্যতম জনপ্রিয় সংবাদ প্ল্যাটফর্ম, তাদের bfcache হিট রেট উন্নত করার জন্য একটি সমন্বিত প্রচেষ্টা চালিয়েছে এবং এর ফলে উল্লেখযোগ্য ব্যবহারকারীর অভিজ্ঞতা এবং ব্যবসায়িক উন্নতি হয়েছে। বিশেষভাবে, তাদের পরিচালিত A/B পরীক্ষার ফলাফলে দেখা গেছে যে bfcache ব্যবহার করে এমন পৃষ্ঠাগুলির বিজ্ঞাপনের আয় 9% বৃদ্ধি পেয়েছে।

এই কেস স্টাডি ব্যাখ্যা করবে কিভাবে Yahoo! JAPAN News bfcache-এর জন্য ব্লকারগুলিকে সরিয়ে দিয়েছে এবং কীভাবে bfcache ব্যবহারকারীর অভিজ্ঞতাকে ব্যাপকভাবে উন্নত করেছে।

bfcache জন্য ব্লকার অপসারণ

bfcache Chrome 86 থেকে উপলব্ধ, এবং এটি সমস্ত আধুনিক ব্রাউজারেও উপলব্ধ। যাইহোক, bfcache এর সম্পূর্ণ সুবিধা নেওয়ার জন্য একজনের ওয়েবসাইটে সম্ভাব্য ব্লকারগুলিকে সরিয়ে ফেলা প্রয়োজন। কিছু প্রধান ব্লকার যে Yahoo! জাপানের সংবাদের মুখোমুখি হয়েছিল:

1. unload হ্যান্ডলার ব্যবহার.
2. Cache-control হেডারে no-store নির্দেশিকা ব্যবহার।

আপনি Chrome DevTools > Applications > Back/forward Cache- এ গিয়ে আপনার ওয়েবসাইটে প্রধান ব্লকারগুলি পরীক্ষা করতে পারেন। বিকল্পভাবে, আপনি ক্ষেত্রের প্রকৃত ব্যবহারের উপর ভিত্তি করে ব্লকারগুলির আরও বিস্তৃত দৃশ্য পেতে notRestoredReasons API ব্যবহার করতে পারেন।

এখানে কিভাবে Yahoo! জাপান নিউজ তাদের ব্লকারদের সরিয়ে দিয়েছে:

• আনলোড হ্যান্ডলার প্রতিস্থাপিত : unload ইভেন্টের পরিবর্তে তারা pagehide ইভেন্ট ব্যবহার করেছে, কারণ unload খুবই অবিশ্বস্ত । Permissions-Policy: unload=() Chrome 115-এ চালু করা হয়েছিল যাতে ওয়েবসাইটগুলি নির্দিষ্ট উত্সের জন্য unload হ্যান্ডলারগুলিকে নির্ভরযোগ্যভাবে সরাতে পারে৷ Chrome ধীরে ধীরে unload হ্যান্ডলারগুলিকে অবমূল্যায়ন করার পরিকল্পনা করছে৷
• পরিবর্তিত cache-control : Cache-control হেডার no-store (CCNS) থেকে no-cache পরিবর্তন করা bfcache সক্ষম করে। ক্রোম কিছু নির্দিষ্ট পরিস্থিতিতে, এমনকি একটি no-store হেডার সহ bfcache-এর জন্য ক্যাশে করার পরিকল্পনা করছে৷

CCNS এমন পৃষ্ঠাগুলির জন্য উদ্দিষ্ট যেগুলি কখনই ক্যাশে করা উচিত নয়, কোনো অবস্থাতেই৷ এটি সতর্কতার সাথে আসে যে CCNS সহ পৃষ্ঠাগুলি CDN প্রান্ত সার্ভার এবং স্থানীয় ক্যাশে সহ কোনও ক্যাশিং প্রযুক্তি থেকে উপকৃত হয় না।

আপনার যদি একটি CCNS হেডার থাকে, তাহলে আপনার ওয়েবসাইটের জন্য সঠিক Cache-control কৌশলগুলি কী তা আলোচনা করার এটি একটি দুর্দান্ত সুযোগ। এখানে no-store এবং no-cache মধ্যে প্রধান পার্থক্য রয়েছে।

cache-control বিকল্পগুলি সম্পর্কে আরও জানতে, cache-control ফ্লোচার্ট পর্যালোচনা করুন।

প্রভাব প্রদর্শনের জন্য A/B পরীক্ষা

bfcache এর প্রভাব পরিমাপ করতে, Yahoo! JAPAN News দুই সপ্তাহ ধরে একটি A/B পরীক্ষা করেছে। তারা তাদের পৃষ্ঠাগুলির একটি সংস্করণ একটি গ্রুপে তাদের bfcache সংশোধনের সাথে এবং একটি সংস্করণে অন্য পৃষ্ঠাগুলিতে bfcache এর জন্য অযোগ্য পৃষ্ঠাগুলি পরিবেশন করেছে৷ তারা উল্লেখযোগ্য ট্র্যাফিক সহ ইউআরএল পাথ পরীক্ষা করেছে, পরীক্ষাটি অর্থপূর্ণ ফলাফল অর্জন করেছে তা নিশ্চিত করতে। পৃষ্ঠাগুলির মধ্যে অন্য কোন চাক্ষুষ বা কার্যকরী পার্থক্য ছিল না।

এখানে bfcache এবং bfcache ছাড়া ওয়েবসাইটটির তুলনা করার একটি ভিডিও রয়েছে৷ আপনি দেখতে পাচ্ছেন যে bfcache সক্ষম করা ওয়েবসাইটটি পিছনে বা ফরোয়ার্ড নেভিগেশনের সময় উল্লেখযোগ্যভাবে দ্রুত লোড হয়।

সত্যিই আশাব্যঞ্জক বিষয় হল যে গ্রুপটি bfcache সক্ষম করেছে, বিশেষ করে মোবাইল ডিভাইসে পৃষ্ঠা দর্শন এবং বিজ্ঞাপনের আয় উল্লেখযোগ্যভাবে বৃদ্ধি পেয়েছে৷

এখানে Yahoo! দ্বারা পর্যবেক্ষণ করা প্রভাব সম্পর্কে বিশদ বিবরণ রয়েছে। তাদের bfcache A/B পরীক্ষা সহ JAPAN News। তাদের কেস স্টাডিতে আরও তথ্য পাওয়া যাবে।

যখন bfcache এর মাধ্যমে পৃষ্ঠাগুলির মধ্যে পিছনে/ফরোয়ার্ড নেভিগেশন তাত্ক্ষণিক হয়ে যায়, ব্যবহারকারীরা পৃষ্ঠাগুলিতে বেশিক্ষণ থাকার প্রবণতা রাখে, এইভাবে বিজ্ঞাপনের ভিউ বৃদ্ধি পায়, ফলে বিজ্ঞাপনের আয় বৃদ্ধি পায়।

বিরামহীন ব্যবহারকারীর অভিজ্ঞতা

যখন পৃষ্ঠাগুলি তাত্ক্ষণিকভাবে লোড হয়, নেভিগেশনগুলি আরও নির্বিঘ্ন বোধ করে৷

ইয়াহুতে! JAPAN News, ব্যবহারকারীদের অন্যতম প্রধান যাত্রা হল একাধিক নিবন্ধ পড়া:

1. নিবন্ধ তালিকা দেখুন.
2. একটি নিবন্ধ পড়তে ক্লিক করুন.
3. একবার শেষ হলে, নিবন্ধের তালিকায় ফিরে যান।
4. পড়তে অন্য নিবন্ধে ক্লিক করুন.

bfcache এর আগে, ব্যবহারকারীরা যখন একটি নিবন্ধ পড়া শেষ করে, তখন তাদের নিবন্ধ তালিকার পৃষ্ঠাটি আবার লোড হওয়ার জন্য অপেক্ষা করতে হয়েছিল। এটি এমন ব্যবহারকারীদের জন্য একটি ঘর্ষণ কারণ হতে পারে যারা পড়ার জন্য অন্য নিবন্ধ বাছাই করতে দ্রুত তালিকায় ফিরে যেতে চান।

পশ্চাদগামী নেভিগেশনের সময় ঘর্ষণ আরেকটি উৎস ছিল স্ক্রল অবস্থান। অনুশীলনে, ব্রাউজার স্ক্রোল অবস্থান পুনরুদ্ধার করার চেষ্টা করে যখন একটি পশ্চাদগামী নেভিগেশন ঘটে। যাইহোক, গতিশীল-সংযোজিত বিজ্ঞাপন বা অন্যান্য লেআউট পরিবর্তনের কারণে, স্ক্রোল অবস্থানটি ভুলভাবে পুনরুদ্ধার করা যেতে পারে। এটি ব্যবহারকারীর বিভ্রান্তির দিকে নিয়ে যায় বা এমনকি পৃষ্ঠাটি পরিত্যাগ করে।

এই সমস্যাটি সমাধান করা হয় যখন ব্যাকওয়ার্ড নেভিগেশন bfcache দ্বারা চালিত হয়: স্ক্রোল অবস্থান অবিলম্বে এবং সঠিকভাবে পুনরুদ্ধার করা হয়।

এখন bfcache দিয়ে, ব্যবহারকারীর যাত্রায় ঘর্ষণ চলে গেছে। ব্যবহারকারীরা তাৎক্ষণিকভাবে নিবন্ধের তালিকার পৃষ্ঠায় ফিরে যেতে পারেন এবং নিবন্ধের তালিকার পৃষ্ঠাটি লোড হওয়ার জন্য অপেক্ষা না করেই পড়ার জন্য অন্য নিবন্ধ বেছে নিতে পারেন।

একই জিনিস ঘটে যখন ব্যবহারকারীরা সরাসরি একটি নিবন্ধ থেকে অন্য নিবন্ধে এবং পিছনে ব্রাউজ করেন:

সংক্ষেপে, ইয়াহুর জন্য bfcache এর সুবিধা! JAPAN News অন্তর্ভুক্ত:

• বর্ধিত পৃষ্ঠাদর্শন : ব্যবহারকারীদের ওয়েবসাইটের মধ্যে নেভিগেট করার সম্ভাবনা বেশি ছিল যখন পৃষ্ঠাগুলি bfcache দিয়ে ক্যাশে করা হয়েছিল।
• বর্ধিত রাজস্ব : প্রতি সেশনে পৃষ্ঠা দেখা বৃদ্ধির ফলে, বিজ্ঞাপনের ছাপ বেড়েছে, যার ফলে bfcache ছাড়া পরীক্ষার গ্রুপের তুলনায় মোবাইলে আয় 9% বৃদ্ধি পেয়েছে।

এখন bfcache প্রয়োগ করুন

সংক্ষেপে, bfcache শুধুমাত্র আপনার ওয়েবসাইটকে তাৎক্ষণিক করে তোলে না, বরং সামগ্রিক ব্যবহারকারীর অভিজ্ঞতায় ঘর্ষণ কমাতে পারে এবং আপনার ওয়েবসাইটের মধ্যে ব্যস্ততা বাড়াতে পারে।

ক্রোম টিম ক্রমাগত bfcache ব্লকারগুলির দিকে নজর দিচ্ছে, বিশেষ করে তালিকাভুক্ত কারণগুলি কারণ সেগুলি bfcache ব্যবহার না করার সাধারণ কারণ৷ ভবিষ্যতে, এগুলি bfcache ব্যবহার রোধ করতে পারে না, তবে ততক্ষণ পর্যন্ত অপেক্ষা করার দরকার নেই। আপনি এখন আপনার bfcache ব্লকারগুলি দেখে এবং এই সাধারণ (এবং অন্যান্য কম সাধারণ) নিদর্শনগুলি এড়িয়ে bfcache থেকে উপকৃত হতে পারেন।