वेबप्लेटफ़ॉर्म
Traveloka में Core Web Vitals और वेब परफ़ॉर्मेंस
ज़्यादा ट्रैफ़िक वाले और कन्वर्ज़न के लिए अहम पेजों पर परफ़ॉर्मेंस का काम, असली उपयोगकर्ताओं के माप और परफ़ॉर्मेंस बजट के आधार पर।
- भूमिका
- Software Engineer (Web)
- अवधि
- 2018–2025
- टेक स्टैक
- Core Web Vitals · Next.js · Real-user monitoring · Code splitting
समस्या
ये ज़्यादा ट्रैफ़िक वाले और कन्वर्ज़न के लिए अहम वेब अनुभव थे, इसलिए परफ़ॉर्मेंस को उपयोगकर्ता के असली अनुभव से मापना था, किसी डेवलपर के लैपटॉप से नहीं।
तरीका
- पहले असली उपयोगकर्ताओं को मापना. क्या ठीक करना है, यह असली उपयोगकर्ताओं के माप से तय हुआ, और परफ़ॉर्मेंस बजट ने गिरावट को वापस आने से रोका।
- ब्राउज़र को चलाने वाला JavaScript घटाना: कोड स्प्लिटिंग, लेज़ी लोडिंग और डिपेंडेंसी ऑप्टिमाइज़ेशन।
- बाकी रास्ता ठीक करना: JavaScript एक्ज़ीक्यूशन, रेंडरिंग, नेटवर्किंग, इमेज और थर्ड-पार्टी स्क्रिप्ट।
इसके बारे में बात करना
इन सीखों को भाषणों में बदला गया: DevFest Jakarta 2023 में "Performance: Core Web Vitals Top Recommendations + INP", और Google I/O Extended Jakarta 2022 में "Bridging the Gap: Making It Easier to Build for the Web"।
इस पर लेख भी हैं: इवेंट लूप वैसा नहीं जैसा आप सोचते हैं बताता है कि ख़राब INP के पीछे लंबे टास्क कैसे होते हैं और उन्हें कैसे तोड़ें।