NDTV با بهینه سازی برای Core Web Vitals به بهبود 55% در LCP دست یافت

NDTV با بهینه سازی Web Vitals، تجربه کاربر و در نتیجه حفظ آن را افزایش داد.

NDTV یکی از ایستگاه های خبری و وب سایت های برتر هند است. آنها با پیروی از برنامه Web Vitals ، یکی از مهمترین معیارهای کاربر خود، بزرگترین رنگ محتوایی (LCP) را تنها در یک ماه 55 درصد بهبود دادند. این با کاهش 50 درصدی نرخ پرش مرتبط بود.

55 درصد

بهبود LCP

50 درصد

کاهش نرخ پرش

برجسته کردن فرصت

با نزدیک به 200 میلیون کاربر منحصر به فرد هر ماه، برای NDTV بسیار مهم بود که کیفیت تجربه کاربر را بهینه کند. اگرچه نرخ تعامل آنها بسیار بالاتر از میانگین صنعت و بالاترین در بین همتایان خود بود، تیم NDTV هنوز هم جای پیشرفت را می‌دید و تصمیم گرفت برای بهبود بیشتر نرخ تعامل خود در Web Vitals همراه با سایر تغییرات محصول سرمایه‌گذاری کند.

رویکردی که استفاده کردند

با کمک ابزارهایی مانند PageSpeed ​​Insights ، web.dev/measure ، و WebPageTest، تیم NDTV زمینه های بهبود بالقوه را در سایت تجزیه و تحلیل کرد. این ایده‌های بهینه‌سازی به وضوح به آن‌ها کمک کرد تا وظایف پر تاثیر را دوباره اولویت‌بندی کنند و به نتایج فوری در بهبود Core Web Vitals دست یابند. بهینه سازی ها شامل:

  • اولویت‌بندی بزرگترین بلوک محتوا با به تاخیر انداختن درخواست‌های شخص ثالث ، از جمله تماس‌های تبلیغاتی برای جایگاه‌های تبلیغاتی پایین‌تر، و جاسازی‌های شبکه‌های اجتماعی، که در پایین‌ترین حالت نیز قرار دارند.
  • افزایش حافظه پنهان محتوای ثابت از چند دقیقه به 30 روز.
  • استفاده از font-display برای نمایش زودتر متن هنگام دانلود فونت ها.
  • استفاده از گرافیک برداری برای آیکون ها به جای فونت TrueType (TTF).
  • بارگیری تنبل جاوا اسکریپت و CSS : بارگیری صفحه با حداقل JS و CSS ممکن و سپس بارگیری تنبلی JS و CSS باقیمانده در اسکرول صفحه.
  • پیش اتصال به مبدا ارائه دارایی های حیاتی.
خلاصه‌ای از بهینه‌سازی‌ها: بزرگ‌ترین رنگ محتوا، ذخیره‌سازی حافظه پنهان، CSS، گرافیک برداری، JS و CSS با تنبلی بارگذاری شده، اتصال اولیه.

تأثیر

Web Vitals برای تسریع روند بهبود تجربه کاربر، تیم را به سیگنال‌های مبتنی بر متریک مجهز کرد.

قبل از شروع پروژه بهینه‌سازی، تیم NDTV امتیاز LCP خود را در 3.0 ثانیه (برای صدک 75 کاربرانشان، بر اساس داده‌های میدانی گزارش تجربه کاربر Chrome ) محک زد. پس از پروژه بهینه سازی، به 1.6 ثانیه کاهش یافت. آنها همچنین امتیاز تغییر چیدمان تجمعی (CLS) خود را به 0.05 کاهش دادند. سایر معیارها در WebPageTest مانند " First Byte Time " و "استفاده موثر از CDN " به درجه A ارتقا یافتند.

امتیاز CLS 0.05

بازگشت سرمایه گذاری

علیرغم پیچیدگی و عمق ndtv.com ، این سایت قبلاً به امتیازات FID و CLS مناسبی دست یافته بود، به لطف تمرکز طولانی مدت تیم بر عملکرد و بهترین شیوه های UX. برای بهبود بیشتر تجربه کاربری خود، تیم بر LCP تمرکز کرد و توانست ظرف چند هفته پس از شروع کار بهینه سازی خود، به آستانه دست یابد.

نتایج کلی کسب و کار

  • 55% بهبود در LCP در نتیجه بهینه سازی برای Core Web Vitals.
  • کاهش 50 درصدی نرخ پرش در وب سایت پس از بهینه سازی برای Core Web Vitals به همراه سایر تغییرات محصول.
  • افزایش تعامل و مصرف محتوا به طور مستقیم و افزایش درآمد متناسب برای وب سایت خود.
55 درصد بهبود در LCP. کاهش 50 درصدی نرخ پرش. افزایش تعامل و مصرف.

NDTV مدت‌هاست که از بهترین شیوه‌ها برای ارائه تجربه کاربری با کیفیت بالا پیروی می‌کند. ما اکنون اندازه‌گیری Web Vitals را بخشی جدایی‌ناپذیر از توسعه محصول خود می‌دانیم و ارتقای تعاملی که مشاهده کرده‌ایم، آن را به یک بازگشت سرمایه خوب تبدیل می‌کند.

کاوالجیت سینگ بدی، مدیر ارشد فناوری و محصول گروه NDTV

برای داستان های موفقیت بیشتر از هند و آسیای جنوب شرقی، صفحه مطالعات موردی مقیاس در وب را بررسی کنید.