حقّقت NDTV تحسّنًا بنسبة 55% في سرعة LCP من خلال تحسين مقياس "مؤشرات أداء الويب الأساسية"

حسّنت NDTV تجربة المستخدم، وبالتالي الحفاظ على المستخدمين من خلال تحسين مؤشرات أداء الويب.

NDTV هي إحدى المحطات الإخبارية والمواقع الإلكترونية الرائدة في الهند. ومن خلال اتّباع برنامج مؤشرات الويب الحيوية، تمكّنت الشركة من تحسين أحد أهم مقاييس المستخدم، وهو سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP)، بنسبة% 55 في شهر واحد فقط. ارتبط هذا بانخفاض معدلات الارتداد بنسبة 50٪.

55%

تحسُّن في سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP)

زيادة بنسبة %50

تقليل معدلات الارتداد

تسليط الضوء على الفرصة

مع ما يقارب 200 مليون مستخدم فريد كل شهر، كان من الضروري بالنسبة إلى NDTV تحسين جودة تجربة المستخدم. على الرغم من أنّ معدلات التفاعل كانت أعلى بكثير من متوسط المجال والأعلى بين زملائهم، إلا أنّ فريق NDTV لا يزال يرى مجالاً للتحسين وقرَّر الاستثمار في مؤشرات الويب الحيوية إلى جانب التغييرات الأخرى في المنتج من أجل زيادة تحسين نِسب التفاعل.

النهج الذي استخدموه

وبمساعدة أدوات مثل PageSpeed Insights وweb.dev/measure وWebPageTest، عمل فريق NDTV على تحليل مجالات التحسين المحتملة على الموقع. وقد ساعدتهم أفكار التحسين المحدّدة بوضوح هذه المؤسسات على إعادة ترتيب أولويات المهام العالية التأثير وتحقيق نتائج فورية لتحسين "مؤشرات أداء الويب الأساسية". التحسينات المتضمنة:

  • إعطاء الأولوية لأكبر مجموعة من المحتوى من خلال تأخير طلبات الجهات الخارجية، بما فيها طلبات عرض الإعلانات في الخانات الإعلانية في الجزء السفلي غير المرئي من الصفحة، وتضمينات شبكات التواصل الاجتماعي، التي تكون أيضًا في الجزء السفلي غير المرئي من الصفحة.
  • زيادة التخزين المؤقت للمحتوى الثابت من بضع دقائق إلى 30 يومًا
  • استخدام font-display لعرض النص بشكل أسرع أثناء تنزيل الخطوط
  • استخدام رسومات متجهية للرموز بدلاً من خطوط TrueType (TTF).
  • عملية التحميل الكسول JavaScript وCSS: يتم تحميل الصفحة بأقلّ قدر ممكن من JavaScript وCSS، ثم التحميل الكسول لمحتوى JavaScript وCSS المتبقي عند الانتقال في الصفحة.
  • الاتصال مسبقًا بالمصادر التي تقدِّم مواد عرض مهمة
ملخص لعمليات التحسين: "سرعة عرض أكبر جزء من المحتوى على الصفحة"، والتخزين المؤقت، وCSS، والرسومات المتجهة، ولغة JavaScript وCSS التي تم تحميلها ببطء، والاتصال المسبق

التأثير

من خلال "مؤشرات أداء الويب"، تم تزويد الفريق بإشارات مستندة إلى المقاييس لتسريع عملية تحسين تجربة المستخدم.

قبل البدء في مشروع التحسين، يقيس فريق NDTV نتيجة مقياس سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP) عند 3.0 ثوانٍ (للشريحة المئوية الخامسة والسبعين من المستخدمين استنادًا إلى البيانات الواردة في حقل تقرير تجربة المستخدمين على Chrome). بعد مشروع التحسين، انخفضت المدة إلى 1.6 ثانية. خفّضوا أيضًا نتيجة متغيّرات التصميم التراكمية (CLS) إلى 0.05. تم تحسين المقاييس الأخرى في WebPageTest، مثل "وقت البايت الأول" و "الاستخدام الفعّال لشبكة توصيل المحتوى (CDN)" لتصبح درجة A.

نتيجة متغيّرات التصميم التراكمية (CLS) تساوي 0.05.

عائدات الاستثمار

على الرغم من تعقيد ndtv.com وعمقه، كان الموقع الإلكتروني يحقّق بالفعل نتائج جيدة لمهلة الاستجابة الأولى (FID) وCLS، وذلك بفضل تركيز الفريق الطويل الأمد على الأداء وأفضل الممارسات المتعلّقة بتجربة المستخدم. ولتحسين تجربة المستخدم، ركّز الفريق على سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP) وتمكّن من تحقيق الحدّ الأدنى في غضون أسابيع قليلة من بدء أعمال التحسين.

النتائج الإجمالية للنشاط التجاري

  • تحسَّن مقياس LCP بنسبة 55% بفضل تحسين "مؤشرات أداء الويب الأساسية"
  • انخفاض بنسبة 50% في معدّل الارتداد على الموقع الإلكتروني بعد إجراء تحسينات لتوافق "مؤشرات أداء الويب الأساسية" مع تغييرات أخرى في المنتج
  • أدى ذلك إلى زيادة تفاعل الجمهور مع المحتوى ومشاهدته بشكل مباشر، وزيادة أرباح الموقع الإلكتروني بشكل نسبي.
تحسّنت سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP) بنسبة% 55 خفض معدل الارتداد بنسبة 50%. ازداد التفاعل والاستهلاك.

تتّبع NDTV منذ فترة طويلة أفضل الممارسات لتقديم تجربة عالية الجودة للمستخدم. نعتبر قياس "مؤشرات أداء الويب" جزءًا لا يتجزأ من عملية تطوير منتجاتنا الآن، والتأثير الذي لاحظناه في معدّل التفاعل يجعل من هذه القيمة عائد استثمار جيدًا.

كوالجيت سينغ بيدي، رئيس قسم التكنولوجيا والمنتجات في مجموعة NDTV Group

اطّلِع على صفحة دراسات الحالة "توسيع نطاق الويب" للاطّلاع على المزيد من قصص النجاح من الهند وجنوب شرق آسيا.