প্রকাশিত: ৯ ডিসেম্বর, ২০২৫
মনরিফ ইতালির অন্যতম শীর্ষস্থানীয় প্রকাশনা গোষ্ঠী, যারা ইল রেস্টো দেল কার্লিনো , ইল জিওর্নো , লা নাজিওন এবং কিউএন কোটিডিয়ানো ডটনেটের মতো উচ্চ-ট্রাফিক সংবাদ ব্র্যান্ড পরিচালনা করে। লক্ষ লক্ষ ব্যবহারকারী প্রতি সেশনে কয়েক ডজন নিবন্ধ অ্যাক্সেস করে, পাঠক ধরে রাখা এবং ব্যস্ততার জন্য নেভিগেশন গতি এবং পৃষ্ঠা লোড সময় অপ্টিমাইজ করা অপরিহার্য।
২০২৫ সালের গোড়ার দিকে, মনরিফ স্পেকুলেশন রুলস API ব্যবহার করে একটি কার্যকর প্রি-রেন্ডারিং কৌশল গ্রহণ করে লার্জেস্ট কন্টেন্টফুল পেইন্ট (LCP) উন্নত করার উপর দৃষ্টি নিবদ্ধ করে একটি পারফরম্যান্স উদ্যোগ শুরু করেন। সর্বাধিক দেখা নিবন্ধ পৃষ্ঠাগুলি চিহ্নিত করে এবং সেই পথগুলির জন্য প্রি-রেন্ডারিং প্রয়োগ করে, মনরিফ LCP-তে ১৭.৯% পর্যন্ত উন্নতি অর্জন করেন - যা কর্মক্ষমতা এবং ব্যবহারকারী-বান্ধব সংবাদ অভিজ্ঞতার ক্ষেত্রে একটি পরিমাপযোগ্য উন্নতি। তদুপরি, এটি ব্যবহারকারীর ব্যস্ততার ক্ষেত্রে একটি উল্লেখযোগ্য উন্নতিতে রূপান্তরিত হয়, কিছু বিভাগে +৮.৯% এর সর্বোচ্চ স্তরে।
প্রি-রেন্ডারিংয়ের সাফল্যে উৎসাহিত হয়ে, দলটি ব্যাক/ফরোয়ার্ড ক্যাশে (bfcache) এর জন্য সমর্থনও বাস্তবায়ন করেছে। এটি ফিরে আসা দর্শনার্থীদের পূর্বে পরিদর্শন করা পৃষ্ঠাগুলিতে ফিরে যাওয়ার সময় প্রায় তাৎক্ষণিক লোড সময় অনুভব করার সুযোগ দেয়, যা একটি নিরবচ্ছিন্ন এবং প্রতিক্রিয়াশীল ব্রাউজিং অভিজ্ঞতায় আরও অবদান রাখে।
আমরা কোথা থেকে শুরু করেছিলাম
রোলআউটের আগে, অভ্যন্তরীণ পরীক্ষা এবং Chrome ব্যবহারকারীর অভিজ্ঞতা প্রতিবেদন (CrUX) ডেটা দেখিয়েছিল যে অনেক Monrif পৃষ্ঠা - বিশেষ করে নিবন্ধ এবং হোমপেজ ভিউ - এর LCP স্কোর সর্বনিম্ন ছিল।
২০২৫ সালের মার্চের আগে অপ্টিমাইজেশন প্রচেষ্টা শুরু হওয়ার আগে, বিভিন্ন শিরোনাম জুড়ে হোমপেজ ভিউয়ের জন্য ৭৫তম পার্সেন্টাইল এলসিপি ছিল ২.৩৩৩ সেকেন্ড থেকে ২.৪১৯ সেকেন্ড পর্যন্ত । যদিও প্রযুক্তিগতভাবে "ভাল" থ্রেশহোল্ডের (২.৫ সেকেন্ড বা তার কম) মধ্যে ছিল, তবুও উচ্চ-ফ্রিকোয়েন্সি নেভিগেশন প্যাটার্নের সময় ব্যবহারকারী-অনুভূত কর্মক্ষমতা উন্নত করার জন্য এখনও যথেষ্ট জায়গা ছিল।
আমরা কীভাবে LCP উন্নত করেছি
নেভিগেশনের সময় লেটেন্সি কমাতে, মনরিফ স্পেকুলেশন রুলস এপিআই ব্যবহার করে সমস্ত ডেস্কটপ এবং মোবাইল ডোমেনে স্পেকুলেশন প্রিরেন্ডারিং বাস্তবায়ন করেছেন। কৌশলটি প্রযুক্তিগত সুরক্ষার সাথে পারফরম্যান্স প্রভাবের ভারসাম্য বজায় রাখার জন্য ডিজাইন করা হয়েছিল, শুধুমাত্র লিঙ্ক উপাদানগুলি নির্দিষ্ট নির্বাচক এবং শর্তগুলির সাথে মিলে গেলেই প্রিরেন্ডারিংয়ের অনুমতি দেয়।
{
"prerender": [
{
"where": {
"and": [
{
"not": {
"selector_matches": "[rel~=nofollow]"
}
},
{
"not": {
"selector_matches": ".no-prerender"
}
},
{
"selector_matches": "a"
}
]
},
"eagerness": "moderate"
}
]
}
যেকোনো লিঙ্কের জন্য আগ্রহের স্তর moderate হিসেবে সেট করা হয়েছিল (কিছু ব্যতিক্রম ছাড়া)। এই সেটিংটি হোভার (ডেস্কটপে) এবং ভিউপোর্ট-হিউরিস্টিকস (মোবাইলে) ভিত্তিক অনুমান করে । এই পদ্ধতিটি দলটিকে কেবলমাত্র সবচেয়ে বেশি প্রয়োজনীয় লিঙ্কগুলিতে প্রি-রেন্ডারিং স্কোপ নিয়ন্ত্রণ করতে এবং তাই রিসোর্স ব্যবহার কমিয়ে আনার অনুমতি দেয়।
ফলাফল
প্রি-রেন্ডারিংয়ের প্রভাব মূল্যায়ন করার জন্য, আমরা তিনটি প্রধান মনরিফ প্রকাশনার উপর আমাদের বিশ্লেষণকে কেন্দ্রীভূত করেছি— Il Resto del Carlino , Il Giorno এবং La Nazione — GA4 ডেটা এবং CrUX মেট্রিক্স ব্যবহার করে৷
যদিও ডেস্কটপ এবং মোবাইল উভয় ক্ষেত্রেই প্রি-রেন্ডারিং সক্ষম করা হয়েছিল, তবুও ডেস্কটপে ঘটনা উল্লেখযোগ্যভাবে বেশি ছিল, কারণ "moderate" কারণে আরও বেশি লিঙ্ক হোভার করা হলে তা সুযোগের মধ্যে ছিল। উদাহরণস্বরূপ, লা নাজিওনে , ওয়েব (ডেস্কটপ) ভিউয়ের ১৩.৯% প্রি-রেন্ডারিং ট্রিগার করেছিল, যেখানে মোবাইলে মাত্র ২.৯% ছিল। ফলস্বরূপ, ডেস্কটপ প্ল্যাটফর্মগুলিতে কর্মক্ষমতা উন্নতি আরও দৃশ্যমান এবং সামঞ্জস্যপূর্ণ ছিল, যা এই গবেষণার প্রধান সুযোগ হয়ে উঠেছে।
২০২৫ সালের মে মাসের শেষের দিকে, তিনটি প্রকাশনাতেই LCP কর্মক্ষমতা উল্লেখযোগ্যভাবে উন্নত হয়েছিল, যেমনটি CrUX ডেস্কটপ ডেটাতে দেখা গেছে:
এই উন্নতিগুলি প্রিরেন্ডার কার্যকলাপের সর্বোচ্চ স্তরকে ঘনিষ্ঠভাবে প্রতিফলিত করেছে। নিম্নলিখিত টেবিলটি ডেস্কটপের প্রতিটি সাইটের জন্য সর্বোচ্চ প্রিরেন্ডার ঘটনাগুলি দেখায় - ভলিউম এবং তাদের গড়ের তুলনায় শতাংশ বৃদ্ধি উভয়ের দিক দিয়ে:
সমস্ত শিরোনাম জুড়ে, সর্বনিম্ন LCP মানগুলি সর্বাধিক প্রি-রেন্ডারিং ইভেন্ট হিসাবে ব্যাপকভাবে ওভারল্যাপিং সময়সীমার মধ্যে পরিলক্ষিত হয়েছিল, বিশেষ করে মে মাসের মাঝামাঝি এবং জুনের প্রথম দিকের মধ্যে। এই সিঙ্ক্রোনিসিটি অনুমানমূলক প্রি-রেন্ডারিং এবং বাস্তব-বিশ্বের কর্মক্ষমতা লাভের মধ্যে একটি শক্তিশালী সম্পর্কের ইঙ্গিত দেয়।
বাগদানের প্রভাব
LCP বৃদ্ধির সাথে সাথে, মনরিফ প্রি-রেন্ডারিং রোলআউটের সময় ব্যবহারকারীর ব্যস্ততার ক্ষেত্রে একটি পরিমাপযোগ্য বৃদ্ধি রেকর্ড করেছে। Il Resto del Carlino , Il Giorno এবং La Nazione জুড়ে GA4 থেকে তথ্য বিশ্লেষণ করে, যেসব সপ্তাহে প্রি-রেন্ডারিং সবচেয়ে বেশি সক্রিয় ছিল, সেখানে ব্যস্ততার হার উল্লেখযোগ্যভাবে উন্নত হয়েছে।
ডেস্কটপে প্রিরেন্ডার তীব্রতা, LCP উন্নতি এবং এনগেজমেন্ট আপলিফ্টের মধ্যে পারস্পরিক সম্পর্কের একটি বিশ্লেষণ এখানে দেওয়া হল:
যদিও একাধিক বিষয় সম্পৃক্ততাকে প্রভাবিত করে, ঘনিষ্ঠ সাময়িক সম্পর্ক ইঙ্গিত দেয় যে প্রি-রেন্ডারিংয়ের মাধ্যমে আরও ভালভাবে উপলব্ধি করা কর্মক্ষমতা আরও গভীর, আরও টেকসই ব্যবহারকারীর মিথস্ক্রিয়ার দিকে পরিচালিত করে।
বিজ্ঞাপনের প্রভাব
মনরিফের প্রাথমিক লক্ষ্য ছিল ব্যবহারকারীর অভিজ্ঞতা এবং কর্মক্ষমতা উন্নত করা, তবে এই উদ্যোগটি বিজ্ঞাপনের মেট্রিক্সের উপরও ইতিবাচক প্রভাব ফেলেছে বলে মনে হচ্ছে।
বিশেষ করে, খোলা বাজারে দর্শনযোগ্যতার হার - বিজ্ঞাপনের দৃশ্যমানতা এবং ইনভেন্টরি মানের একটি প্রধান সূচক - প্রি-রেন্ডারিং রোলআউটের সময় একটি সামান্য কিন্তু ধারাবাহিক উন্নতি দেখিয়েছে। তিনটি মূল প্রকাশনা জুড়ে, গড় দর্শনযোগ্যতা 1.03% উন্নত হয়েছে, যা সর্বোচ্চ প্রি-রেন্ডারিং কার্যকলাপের সপ্তাহগুলির ঘনিষ্ঠভাবে অনুসরণ করে। কর্মক্ষমতা এবং ব্যস্ততা বিশ্লেষণের মতো, এই পরিসংখ্যানগুলি ডেটাসেট জুড়ে ধারাবাহিকতা নিশ্চিত করার জন্য ডেস্কটপ ট্র্যাফিকের উপর ফোকাস করে।
এই উন্নতি, যদিও সম্পূর্ণরূপে সামান্য, তাৎপর্যপূর্ণ: দৃশ্যমানতার ক্ষেত্রে সামান্য উন্নতিও ইনভেন্টরির অনুভূত গুণমান উন্নত করতে পারে, পূরণের হার বৃদ্ধি করতে পারে এবং বিজ্ঞাপনদাতাদের আস্থা উন্নত করতে পারে।
বিশেষভাবে উল্লেখযোগ্য বিষয় হল এটি কীভাবে কর্মক্ষমতা বৃদ্ধির সাথে সম্পর্কিত। LCP হ্রাস করে এবং নেভিগেশন গতি উন্নত করে, মনরিফ পৃষ্ঠাগুলি দ্রুত লোড করতে সাহায্য করেছে এবং ব্যবহারকারীদের আরও বেশি ব্যস্ত রেখেছে। এর ফলে বিজ্ঞাপনগুলি ভিউপোর্টে দীর্ঘ সময় ধরে থাকার সম্ভাবনা বৃদ্ধি পায় এবং দেখা যাওয়ার সম্ভাবনা বেশি থাকে।
bfcache ব্যবহার করে তাৎক্ষণিক নেভিগেশন উন্নত করা হচ্ছে
প্রি-রেন্ডারিংয়ের পাশাপাশি, মনরিফ ব্রাউজারের ব্যাক/ফরোয়ার্ড ক্যাশে (bfcache)-এর জন্য সমর্থন আনলক করার জন্য কাজ করেছিলেন—একটি কর্মক্ষমতা প্রক্রিয়া যা ব্যবহারকারীরা ব্রাউজারের ব্যাক বা ফরোয়ার্ড বোতাম ব্যবহার করে নেভিগেট করলে তাৎক্ষণিক পৃষ্ঠা পুনরুদ্ধার সক্ষম করে।
bfcache এর সাথে সামঞ্জস্য নিশ্চিত করার জন্য, ডেভেলপাররা বেশ কয়েকটি সাধারণ ব্লকার মোকাবেলা করেছেন:
-
unloadইভেন্ট লিসেনারের ব্যবহার বন্ধ করা হয়েছে কারণ এগুলো অবিশ্বস্ত এবং শীঘ্রই বন্ধ হয়ে যাবে। -
unloadইভেন্ট লিসেনারের (বিশেষ করে তৃতীয় পক্ষের দ্বারা) পুনঃপ্রবর্তন রোধ করার জন্য একটি কঠোরPermissions-Policyশিরোনাম গ্রহণ করা হয়েছে। - নিরাপদে সংযোগ বন্ধ করার জন্য (উদাহরণস্বরূপ, IndexedDB, WebSocket)
pagehideইভেন্ট লিসেনারের ব্যবহার করা হয়েছে। -
Cache-Control: no-storeব্যবহার এড়িয়ে চলুন যদি না কঠোরভাবে প্রয়োজন হয়, কারণ এটি অনেক ক্ষেত্রে bfcache ব্লক করতে পারে ।
যদিও প্রি-রেন্ডারিংয়ের জন্য ব্যবহৃত একই পরিসংখ্যানগত কঠোরতার সাথে bfcache প্রভাবকে আলাদা করার জন্য টিমের কাছে এখনও পর্যাপ্ত ডেটা ছিল না, প্রাথমিক পরীক্ষা এবং Chrome DevTools ট্রেস নিশ্চিত করেছে যে সামঞ্জস্যপূর্ণ নেভিগেশনগুলি মেমরি থেকে সম্পূর্ণরূপে পুনরুদ্ধার করা হয়েছে - পূর্বে দেখা নিবন্ধগুলিতে ফিরে যাওয়ার সময় সাব-সেকেন্ড লোড সময় সরবরাহ করে।
উপসংহার
অনুমানমূলক প্রি-রেন্ডারিং একীভূত করার মাধ্যমে, মনরিফ তার সংবাদ ওয়েবসাইটগুলিতে LCP উল্লেখযোগ্যভাবে উন্নত করেছে - লোড টাইমে 17.9% পর্যন্ত হ্রাস অর্জন করেছে। এই উন্নতিগুলি কেবল অনুভূত কর্মক্ষমতা উন্নত করেনি বরং এর মূল শিরোনামগুলিতে ব্যবহারকারীর সম্পৃক্ততার ক্ষেত্রে পরিমাপযোগ্য লাভেও অনুবাদ করেছে।
তদুপরি, এই মামলাটি পরামর্শ দেয় যে ব্যবহারকারী-কেন্দ্রিক কর্মক্ষমতা অপ্টিমাইজেশনগুলি বিজ্ঞাপনগুলি কীভাবে এবং কখন দেখা হবে তা প্রভাবিত করে এমন অবস্থার উন্নতি করে, ডাউনস্ট্রিম নগদীকরণের সুবিধা তৈরি করতে পারে।
এই কেস স্টাডিটি দেখায় যে কীভাবে প্রি-রেন্ডারিংয়ের মতো আধুনিক নেভিগেশন অপ্টিমাইজেশনগুলি কোর ওয়েব ভাইটালগুলিকে স্কেলে উন্নত করতে পারে—এমনকি কন্টেন্ট সমৃদ্ধ প্ল্যাটফর্মগুলিতেও—এবং ব্যবহারকারীর অভিজ্ঞতা এবং ব্যবসায়িক ফলাফলে পরিমাপযোগ্য উন্নতিতে অনুবাদ করে।