Zum Inhalt springen
Clinford Jordano Valencia
Alle Projekte
WebPlattform

Core Web Vitals und Web-Performance bei Traveloka

Performance-Arbeit an stark frequentierten, conversion-kritischen Seiten, gesteuert durch Messungen echter Nutzer und Performance-Budgets.

Rolle
Software Engineer (Web)
Zeitraum
2018–2025
Stack
Core Web Vitals · Next.js · Real-user monitoring · Code splitting

Das Problem

Es ging um stark frequentierte, conversion-kritische Web-Erlebnisse, also musste Performance an dem gemessen werden, was Nutzer tatsächlich erleben, nicht am Laptop eines Entwicklers.

Der Ansatz

  • Zuerst echte Nutzer messen. Messungen echter Nutzer entschieden, was zu beheben war, und Performance-Budgets verhinderten, dass Rückschritte wieder einsickerten.
  • Weniger JavaScript, das der Browser ausführen muss: Code-Splitting, Lazy Loading und Optimierung der Abhängigkeiten.
  • Den Rest des Pfads beheben: JavaScript-Ausführung, Rendering, Netzwerk, Bilder und Drittanbieter-Skripte.

Darüber sprechen

Aus den Erkenntnissen wurden Vorträge: „Performance: Core Web Vitals Top Recommendations + INP“ auf der DevFest Jakarta 2023 und „Bridging the Gap: Making It Easier to Build for the Web“ bei Google I/O Extended Jakarta 2022.

Dazu gibt es auch einen Artikel: Die Event Loop ist nicht, was du denkst erklärt die langen Tasks hinter schlechter INP und wie man sie aufteilt.