ব্যাক/ফরোয়ার্ড ক্যাশে (বা bfcache) হল একটি ব্রাউজার অপ্টিমাইজেশন যা তাৎক্ষণিকভাবে ব্যাক এবং ফরোয়ার্ড নেভিগেশন সক্ষম করে। এটি ব্যবহারকারীদের ব্রাউজিং অভিজ্ঞতা উল্লেখযোগ্যভাবে উন্নত করে, বিশেষ করে যেসব ওয়েবসাইটে অনেকবার ব্যাক এবং ফরোয়ার্ড নেভিগেশন করা হয়।
bfcache সম্পর্কে web.dev নিবন্ধ
জাপানের অন্যতম জনপ্রিয় সংবাদ প্ল্যাটফর্ম Yahoo! JAPAN News, তাদের bfcache হিট রেট উন্নত করার জন্য একটি সমন্বিত প্রচেষ্টা চালিয়েছে এবং ফলস্বরূপ উল্লেখযোগ্য ব্যবহারকারীর অভিজ্ঞতা এবং ব্যবসায়িক উন্নতি লক্ষ্য করেছে। বিশেষ করে, তাদের পরিচালিত A/B পরীক্ষার ফলাফলে দেখা গেছে যে bfcache ব্যবহার করে এমন পৃষ্ঠাগুলির বিজ্ঞাপন আয় 9% বৃদ্ধি পেয়েছে।
এই কেস স্টাডিতে ব্যাখ্যা করা হবে কিভাবে Yahoo! JAPAN News bfcache-এর ব্লকারগুলি সরিয়ে দিয়েছে এবং কিভাবে bfcache ব্যবহারকারীর অভিজ্ঞতাকে নাটকীয়ভাবে উন্নত করেছে।
bfcache এর জন্য ব্লকার অপসারণ করা হচ্ছে
bfcache Chrome 86 থেকে পাওয়া যাচ্ছে, এবং এটি সমস্ত আধুনিক ব্রাউজারেও পাওয়া যাচ্ছে। তবে, bfcache এর পূর্ণ সুবিধা গ্রহণের জন্য ওয়েবসাইট থেকে সম্ভাব্য ব্লকারগুলি অপসারণ করতে হবে। Yahoo! JAPAN News এর মুখোমুখি হওয়া কিছু প্রধান ব্লকার হল:
-
unloadহ্যান্ডলারের ব্যবহার। -
Cache-controlহেডারগুলিতেno-storeনির্দেশিকা ব্যবহার।
আপনি Chrome DevTools > Applications > Back/forward Cache -এ গিয়ে আপনার ওয়েবসাইটে মেজর ব্লকারগুলি পরীক্ষা করতে পারেন। বিকল্পভাবে, আপনি notRestoredReasons API ব্যবহার করে ক্ষেত্রের প্রকৃত ব্যবহারের উপর ভিত্তি করে ব্লকারগুলির আরও বিস্তৃত ধারণা পেতে পারেন।
Yahoo! JAPAN News কীভাবে তাদের ব্লকারগুলি সরিয়ে দিয়েছে তা এখানে:
- প্রতিস্থাপিত আনলোড হ্যান্ডলার : তারা
unloadইভেন্টের পরিবর্তেpagehideইভেন্ট ব্যবহার করেছে, কারণunloadখুবই অবিশ্বস্ত ।Permissions-Policy: unload=()Chrome 115-এ চালু করা হয়েছিল যাতে ওয়েবসাইটগুলি নির্দিষ্ট উৎসের জন্য নির্ভরযোগ্যভাবেunloadহ্যান্ডলারগুলি সরাতে পারে। Chrome ধীরে ধীরেunloadহ্যান্ডলারগুলিকে অবমূল্যায়ন করার পরিকল্পনা করছে। -
cache-controlপরিবর্তন করা হয়েছে :Cache-controlহেডারকেno-store(CCNS) থেকেno-cacheপরিবর্তন করা হলে bfcache সক্ষম হয়। Chrome কিছু পরিস্থিতিতে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 এর জন্য অযোগ্য পৃষ্ঠাগুলির একটি সংস্করণ পরিবেশন করে। তারা উল্লেখযোগ্য ট্র্যাফিক সহ URL পাথ পরীক্ষা করে, যাতে পরীক্ষাটি অর্থপূর্ণ ফলাফল অর্জন করে। পৃষ্ঠাগুলির মধ্যে অন্য কোনও দৃশ্যমান বা কার্যকরী পার্থক্য ছিল না।
এখানে bfcache এবং bfcache ছাড়া ওয়েবসাইটের তুলনামূলক একটি ভিডিও দেওয়া হল। আপনি দেখতে পাচ্ছেন যে bfcache সক্ষম ওয়েবসাইটটি পিছনে বা সামনে নেভিগেশনের সময় উল্লেখযোগ্যভাবে দ্রুত লোড হয়।
সত্যিই আশাব্যঞ্জক বিষয় হল, bfcache সক্ষম থাকা গ্রুপের পেজ ভিউ এবং বিজ্ঞাপনের আয় উল্লেখযোগ্যভাবে বৃদ্ধি পেয়েছে, বিশেষ করে মোবাইল ডিভাইসে।
Yahoo! JAPAN News তাদের bfcache A/B পরীক্ষার মাধ্যমে যে প্রভাব লক্ষ্য করেছে তার বিস্তারিত এখানে দেওয়া হল। আরও তথ্য তাদের কেস স্টাডিতে পাওয়া যাবে।
যখন bfcache ব্যবহার করে পৃষ্ঠাগুলির মধ্যে পিছনে/ফরোয়ার্ড নেভিগেশন তাৎক্ষণিকভাবে হয়ে যায়, তখন ব্যবহারকারীরা পৃষ্ঠাগুলিতে বেশিক্ষণ থাকার প্রবণতা পোষণ করেন, ফলে বিজ্ঞাপনের ভিউ বৃদ্ধি পায়, যার ফলে বিজ্ঞাপনের আয় বৃদ্ধি পায়।
নির্বিঘ্ন ব্যবহারকারীর অভিজ্ঞতা
পৃষ্ঠাগুলি তাৎক্ষণিকভাবে লোড হলে, নেভিগেশন আরও মসৃণ বোধ করে।
Yahoo! JAPAN News-এ, ব্যবহারকারীদের অন্যতম প্রধান ভ্রমণ হল একাধিক নিবন্ধ পড়া:
- নিবন্ধের তালিকাটি দেখুন।
- পড়তে একটি প্রবন্ধের উপর ক্লিক করুন।
- একবার শেষ হয়ে গেলে, নিবন্ধের তালিকায় ফিরে যান।
- অন্য একটি প্রবন্ধ পড়তে ক্লিক করুন।
bfcache-এর আগে, ব্যবহারকারীরা যখন কোনও নিবন্ধ পড়া শেষ করতেন, তখন তাদের নিবন্ধের তালিকা পৃষ্ঠাটি আবার লোড হওয়া পর্যন্ত অপেক্ষা করতে হত। যারা দ্রুত তালিকায় ফিরে গিয়ে অন্য একটি নিবন্ধ পড়ার জন্য বেছে নিতে চান তাদের জন্য এটি একটি ঘর্ষণকারী কারণ হতে পারে।
ব্যাকওয়ার্ড নেভিগেশনের সময় আরেকটি সমস্যা ছিল স্ক্রোল পজিশন। বাস্তবে, ব্রাউজার ব্যাকওয়ার্ড নেভিগেশনের সময় স্ক্রোল পজিশন পুনরুদ্ধার করার চেষ্টা করে। তবে, গতিশীলভাবে যুক্ত বিজ্ঞাপন বা অন্যান্য লেআউট পরিবর্তনের কারণে, স্ক্রোল পজিশনটি ভুলভাবে পুনরুদ্ধার করা যেতে পারে। এর ফলে ব্যবহারকারী বিভ্রান্ত হতে পারেন এমনকি পৃষ্ঠাটি পরিত্যাগ করতে পারেন।
bfcache দ্বারা ব্যাকওয়ার্ড নেভিগেশন চালিত হলে এই সমস্যাটি সমাধান করা হয়: স্ক্রোল অবস্থান অবিলম্বে এবং সঠিকভাবে পুনরুদ্ধার করা হয়।
এখন bfcache এর মাধ্যমে, ব্যবহারকারীদের যাত্রার ঝামেলা দূর হয়ে গেছে। ব্যবহারকারীরা তাৎক্ষণিকভাবে নিবন্ধ তালিকার পৃষ্ঠায় ফিরে যেতে পারেন এবং নিবন্ধ তালিকার পৃষ্ঠাটি লোড হওয়ার জন্য অপেক্ষা না করেই পড়ার জন্য অন্য একটি নিবন্ধ বেছে নিতে পারেন।
ব্যবহারকারীরা যখন এক নিবন্ধ থেকে অন্য নিবন্ধে সরাসরি ব্রাউজ করেন এবং ফিরে যান তখন একই জিনিস ঘটে:
সংক্ষেপে, Yahoo! JAPAN News-এর জন্য bfcache-এর সুবিধাগুলির মধ্যে রয়েছে:
- পেজভিউ বৃদ্ধি : যখন পৃষ্ঠাগুলি bfcache দিয়ে ক্যাশে করা হত তখন ব্যবহারকারীরা ওয়েবসাইটের মধ্যে নেভিগেট করার সম্ভাবনা বেশি ছিল।
- রাজস্ব বৃদ্ধি : প্রতি সেশনে পৃষ্ঠা দেখা বৃদ্ধির ফলে, বিজ্ঞাপনের ছাপ বৃদ্ধি পেয়েছে, যার ফলে মোবাইলে রাজস্ব ৯% বৃদ্ধি পেয়েছে, যা bfcache ছাড়া পরীক্ষামূলক গ্রুপের তুলনায়।
এখনই bfcache প্রয়োগ করুন
সংক্ষেপে, bfcache আপনার ওয়েবসাইটকে কেবল তাৎক্ষণিক করে তোলে না, বরং সামগ্রিক ব্যবহারকারীর অভিজ্ঞতায় ঘর্ষণ কমাতে এবং আপনার ওয়েবসাইটের মধ্যে ব্যস্ততা বাড়াতে পারে।
ক্রোম টিম ক্রমাগত bfcache ব্লকারগুলি পরীক্ষা করছে, বিশেষ করে তালিকাভুক্ত কারণগুলি কারণ এগুলি bfcache ব্যবহার না করার সাধারণ কারণ। ভবিষ্যতে, এগুলি bfcache ব্যবহার বন্ধ নাও করতে পারে, তবে ততক্ষণ পর্যন্ত অপেক্ষা করার দরকার নেই। আপনি এখনই আপনার bfcache ব্লকারগুলি দেখে এবং এই সাধারণ (এবং অন্যান্য কম সাধারণ) প্যাটার্নগুলি এড়িয়ে bfcache থেকে উপকৃত হতে পারেন।