Traveloka’da Core Web Vitals ve web performansı

Sorun

Bunlar yoğun trafikli ve dönüşüm açısından kritik web deneyimleriydi; bu yüzden performansın bir geliştiricinin dizüstü bilgisayarına göre değil, kullanıcıların gerçekte yaşadığına göre ölçülmesi gerekiyordu.

Yaklaşım

• Önce gerçek kullanıcıları ölçmek. Neyin düzeltileceğine gerçek kullanıcı ölçümleri karar verdi; performans bütçeleri gerilemelerin geri dönmesini engelledi.
• Tarayıcının çalıştırması gereken JavaScript’i azaltmak: kod bölme, tembel yükleme ve bağımlılık optimizasyonu.
• Yolun geri kalanını düzeltmek: JavaScript çalıştırma, işleme, ağ, görseller ve üçüncü taraf betikler.

Anlatmak

Bu dersler konuşmalara dönüştü: DevFest Jakarta 2023’te “Performance: Core Web Vitals Top Recommendations + INP” ve Google I/O Extended Jakarta 2022’de “Bridging the Gap: Making It Easier to Build for the Web”.

Bu konuda bir yazı da var: event loop sandığınız gibi değil, kötü INP’nin arkasındaki uzun görevleri ve bunları nasıl böleceğinizi anlatıyor.