تخطٍّ إلى المحتوى
Clinford Jordano Valencia
كل المشاريع
ويبمنصة

Core Web Vitals وأداء الويب في Traveloka

تحسين الأداء في صفحات كثيفة الزيارات وحاسمة للتحويل، بالاعتماد على قياس المستخدمين الحقيقيين وميزانيات الأداء.

الدور
Software Engineer (Web)
الفترة
2018–2025
التقنيات
Core Web Vitals · Next.js · Real-user monitoring · Code splitting

المشكلة

كانت هذه تجارب ويب كثيفة الزيارات وحاسمة للتحويل، لذا كان لا بد من قياس الأداء بما يعيشه المستخدمون فعلًا، لا بما يظهر على حاسوب المطوّر.

النهج

  • قياس المستخدمين الحقيقيين أولًا. حدّد قياس المستخدمين الحقيقيين ما يجب إصلاحه، ومنعت ميزانيات الأداء عودة التراجعات.
  • تقليل JavaScript الذي يشغّله المتصفح: تقسيم الشيفرة، والتحميل الكسول، وتحسين الاعتماديات.
  • إصلاح بقية المسار: تنفيذ JavaScript، والعرض، والشبكة، والصور، والسكربتات الخارجية.

الحديث عنه

تحوّلت هذه الدروس إلى محاضرات: «Performance: Core Web Vitals Top Recommendations + INP» في DevFest Jakarta 2023، و«Bridging the Gap: Making It Easier to Build for the Web» في Google I/O Extended Jakarta 2022.

وهناك مقال عنه أيضًا: حلقة الأحداث ليست كما تظن يشرح المهام الطويلة التي تسبب ضعف INP وكيفية تقسيمها.