NDTV কোর ওয়েব ভাইটালগুলির জন্য অপ্টিমাইজ করে LCP-তে 55% উন্নতি করেছে

এনডিটিভি ব্যবহারকারীর অভিজ্ঞতা উন্নত করেছে এবং এইভাবে ওয়েব ভাইটালগুলির জন্য অপ্টিমাইজ করে ধরে রাখা।

এনডিটিভি হল ভারতের শীর্ষস্থানীয় নিউজ স্টেশন এবং ওয়েবসাইটগুলির মধ্যে একটি। ওয়েব ভাইটালস প্রোগ্রাম অনুসরণ করে, তারা তাদের সবচেয়ে গুরুত্বপূর্ণ ব্যবহারকারীর মেট্রিকগুলির মধ্যে একটি, লার্জেস্ট কনটেন্টফুল পেইন্ট (LCP), মাত্র এক মাসে 55% উন্নতি করেছে। এটি বাউন্স হারে 50% হ্রাসের সাথে সম্পর্কিত ছিল।

55 %

এলসিপিতে উন্নতি

50 %

বাউন্স রেট হ্রাস

সুযোগ তুলে ধরা

প্রতি মাসে প্রায় 200M অনন্য ব্যবহারকারীর সাথে, ব্যবহারকারীর অভিজ্ঞতার মানের জন্য অপ্টিমাইজ করা NDTV-এর জন্য গুরুত্বপূর্ণ ছিল। যদিও তাদের এনগেজমেন্ট রেট ইন্ডাস্ট্রির গড় ও তাদের সমবয়সীদের মধ্যে সর্বোচ্চ ছিল, তবুও NDTV টিম উন্নতির জন্য জায়গা দেখেছিল এবং তাদের ব্যস্ততার হারকে আরও উন্নত করতে অন্যান্য পণ্যের পরিবর্তনের সাথে সাথে Web Vitals-এ বিনিয়োগ করার সিদ্ধান্ত নিয়েছে।

তারা যে পদ্ধতি ব্যবহার করেছে

PageSpeed ​​Insights , web.dev/measure , এবং WebPageTest- এর মতো টুলগুলির সাহায্যে NDTV টিম সাইটের সম্ভাব্য উন্নতির ক্ষেত্রগুলি বিশ্লেষণ করেছে৷ এই সুস্পষ্টভাবে সংজ্ঞায়িত অপ্টিমাইজেশান ধারণাগুলি তাদের উচ্চ-প্রভাবিত কাজগুলিকে পুনরায় অগ্রাধিকার দিতে এবং কোর ওয়েব ভাইটালগুলির উন্নতিতে তাত্ক্ষণিক ফলাফল অর্জনে সহায়তা করেছে। অপ্টিমাইজেশান অন্তর্ভুক্ত:

  • থার্ড-পার্টি অনুরোধ বিলম্বিত করে সবচেয়ে বড় কন্টেন্ট ব্লককে অগ্রাধিকার দেওয়া , যার মধ্যে ভাঁজের নিচের বিজ্ঞাপন স্লটের জন্য বিজ্ঞাপন কল এবং সামাজিক নেটওয়ার্ক এম্বেড, যেগুলোও ভাঁজের নিচে।
  • স্থির বিষয়বস্তুর ক্যাশিং কয়েক মিনিট থেকে বাড়িয়ে 30 দিন।
  • font-display ব্যবহার করে ফন্টগুলি ডাউনলোড করার সময় শীঘ্রই পাঠ্য প্রদর্শন করা।
  • TrueType Fonts (TTF) এর পরিবর্তে আইকনগুলির জন্য ভেক্টর গ্রাফিক্স ব্যবহার করা
  • অলস লোডিং জাভাস্ক্রিপ্ট এবং CSS : ন্যূনতম সম্ভাব্য JS এবং CSS সহ পৃষ্ঠা লোড করা এবং তারপর পৃষ্ঠা স্ক্রলে অবশিষ্ট JS এবং CSS লোড করা।
  • ক্রিটিক্যাল অ্যাসেট ডেলিভারি করে মূলের সাথে প্রি-কানেক্ট করা
অপ্টিমাইজেশানগুলির একটি সারাংশ: বৃহত্তম সামগ্রীপূর্ণ পেইন্ট, ক্যাশিং, সিএসএস, ভেক্টর গ্রাফিক্স, অলসভাবে লোড করা জেএস এবং সিএসএস, পূর্ব সংযোগ।

প্রভাব

ওয়েব ভাইটালস ব্যবহারকারীর অভিজ্ঞতা উন্নত করার প্রক্রিয়া ত্বরান্বিত করতে মেট্রিক-চালিত সংকেত দিয়ে দলকে সজ্জিত করেছে।

অপ্টিমাইজেশন প্রজেক্ট শুরু করার আগে, NDTV টিম তাদের LCP স্কোর 3.0 সেকেন্ডে বেঞ্চমার্ক করেছে ( ক্রোম ব্যবহারকারীর অভিজ্ঞতা রিপোর্ট ফিল্ড ডেটার উপর ভিত্তি করে তাদের ব্যবহারকারীদের 75 তম শতাংশের জন্য)। অপ্টিমাইজেশন প্রকল্পের পরে, এটি 1.6 সেকেন্ডে নেমে এসেছে। তারা তাদের Cumulative Layout Shift (CLS) স্কোর 0.05 এ কমিয়েছে। WebPageTest-এর অন্যান্য মেট্রিক্স যেমন " প্রথম বাইট টাইম " এবং " সিডিএন- এর কার্যকর ব্যবহার" একটি A গ্রেডে উন্নত হয়েছে।

0.05 CLS স্কোর।

বিনিয়োগের রিটার্ন

ndtv.com- এর জটিলতা এবং গভীরতা সত্ত্বেও, সাইটটি ইতিমধ্যেই শালীন FID এবং CLS স্কোর অর্জন করছে, পারফরম্যান্স এবং UX সেরা অনুশীলনের উপর দলের দীর্ঘকাল ধরে ফোকাস করার জন্য ধন্যবাদ। তাদের ব্যবহারকারীর অভিজ্ঞতা আরও উন্নত করার জন্য, দলটি এলসিপি-তে মনোনিবেশ করেছে এবং তাদের অপ্টিমাইজেশন কাজ শুরু করার কয়েক সপ্তাহের মধ্যে থ্রেশহোল্ড পূরণ করতে সক্ষম হয়েছে।

সামগ্রিক ব্যবসা ফলাফল

  • Core Web Vitals-এর জন্য অপ্টিমাইজ করার ফলে LCP-তে 55% উন্নতি হয়েছে।
  • কোর ওয়েব ভাইটালসের জন্য অপ্টিমাইজ করার পরে, অন্যান্য পণ্যের পরিবর্তন সহ ওয়েবসাইটে বাউন্স রেট 50% হ্রাস।
  • বর্ধিত প্রবৃত্তি এবং সরাসরি বিষয়বস্তুর ব্যবহার, এবং আনুপাতিকভাবে তাদের ওয়েবসাইটের জন্য আয় বৃদ্ধি।
এলসিপিতে 55% উন্নতি। বাউন্স রেট 50% হ্রাস। বর্ধিত ব্যস্ততা এবং খরচ.

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

কাওয়ালজিৎ সিং বেদি, চিফ টেকনোলজি অ্যান্ড প্রোডাক্ট অফিসার, এনডিটিভি গ্রুপ

ভারত এবং দক্ষিণ-পূর্ব এশিয়া থেকে আরও সাফল্যের গল্পের জন্য ওয়েব কেস স্টাডিজ পৃষ্ঠায় স্কেল দেখুন।