WebPlatform
Core Web Vitals dan Prestasi Web di Traveloka
Kerja prestasi pada halaman bertrafik tinggi yang kritikal untuk penukaran, berpandukan pengukuran pengguna sebenar dan bajet prestasi.
- Peranan
- Software Engineer (Web)
- Tempoh
- 2018–2025
- Stack
- Core Web Vitals · Next.js · Real-user monitoring · Code splitting
Masalahnya
Ini ialah pengalaman web bertrafik tinggi yang kritikal untuk penukaran, jadi prestasi perlu diukur daripada apa yang benar-benar dialami pengguna, bukan daripada komputer riba pembangun.
Pendekatannya
- Ukur pengguna sebenar dahulu. Pengukuran pengguna sebenar menentukan apa yang perlu dibaiki, dan bajet prestasi menghalang regresi daripada kembali.
- Kurangkan JavaScript yang perlu dijalankan pelayar: pemecahan kod, pemuatan malas dan pengoptimuman kebergantungan.
- Baiki selebihnya laluan itu: pelaksanaan JavaScript, pemaparan, rangkaian, imej dan skrip pihak ketiga.
Berkongsi pengalaman
Saya menjadikan pengajaran ini sebagai ceramah: "Performance: Core Web Vitals Top Recommendations + INP" di DevFest Jakarta 2023, dan "Bridging the Gap: Making It Easier to Build for the Web" di Google I/O Extended Jakarta 2022.
Saya juga menulis tentangnya: event loop tidak seperti yang anda sangka menerangkan tugas panjang di sebalik INP yang lemah dan cara memecahkannya.