CLS von 0,4 auf 0,06 in einem Urlaubs-Buchungs-Flow
Die Layout Shifts lagen im Buchungs-Flow, und die meisten passierten nach dem ersten Laden der Seite.
Eine Single Page Application mit Layout Shifts im Buchungs-Flow
Prijsvrij ist ein niederländisches Reiseportal: Urlaub suchen, vergleichen und buchen. Die gesamte Website ist eine Single Page Application, und dasselbe Team betreibt auch Prijsvrij.be und D-reizen.
Ich war an zwei Tagen für je vier Stunden vor Ort. Am ersten Tag habe ich das Audit gemacht. Am zweiten Tag bin ich die Ergebnisse mit dem Team durchgegangen und habe Schritt für Schritt erklärt, wie sie die dringendsten Probleme zuerst beheben.
Der erste Screen, der Buchungs-Flow und die Klicks
Die meisten Layout Shifts passierten bei Soft Navigations: Die App tauscht Inhalte aus, ohne eine neue Seite zu laden. Ein Lighthouse-Lauf auf der Startseite sieht das nie. Echte Besucher, die sich durch eine Buchung klicken, schon – und CrUX rechnet diese Shifts der URL zu, die sie zuerst geöffnet haben.
Das Audit habe ich Ende März 2026 abgeliefert. Am 15. April bin ich es mit ihren Entwicklern in Den Bosch durchgegangen, eine Woche später online. CLS war der schwierige Teil, mit mehr Ursachen als sonst bei so einem Setup. Ihre Entwickler haben das auf allen drei Websites behoben. Im Mai wurde der Desktop-CLS auf jeder einzelnen grün.
Eines Morgens im Juni mailte mir ihr Frontend-Lead. Er hatte die letzten Wochen an prijsvrij.nl getüftelt, auf Basis der CoreDash-Daten über die Claude-Code-Anbindung. Die Kurven zeigten in die richtige Richtung. Könnte D-reizen auch mit rein? Keine Stunde später waren D-reizen und Prijsvrij.be beide in CoreDash.
Als Nächstes ist der INP dran. Als ich ihn mir Ende Juni ansah, erkannte ich das Muster: Ich habe das schon oft gesehen. Ein bewährter Schritt-für-Schritt-Plan behebt es, solange jeder Schritt exakt ausgeführt wird. Das erledigt den größten Teil. Erst dann zeigen sich die darunterliegenden Probleme, und die sind immer kleiner. Also schlug ich vor, hands-on zu arbeiten: kleine, chirurgische Änderungen, weniger Theorie, mehr Machen. Im Juli trafen wir uns bei ihnen im Büro, inklusive Mittagessen. Seitdem treffen wir uns jedes Quartal.
Der mobile LCP steigt in der Urlaubszeit, wenn viel Traffic von Leuten kommt, die selbst im Urlaub sind. Er bleibt deutlich unter 2,5 Sekunden und sinkt bereits wieder.
Eine Lade-Animation verschiebt den Layout Shift nur
Die Animation sah so aus, als würde sie die Wartezeit überbrücken. Der Shift kam in dem Moment, als sie Platz für die Flugdetails machte.
Tracking im Klick kostet jeden Klick
Ein Tag im Klick-Handler läuft, bevor der Screen sich ändern kann. Liegt er hinter dem Update, sieht der Besucher das Ergebnis zuerst – und der Tag läuft trotzdem.
Eine Single Page Application verändert sich ständig
Jedes Release bringt Komponenten und Tags mit, die der letzte Check nie gesehen hat. Genau deshalb komme ich jedes Quartal wieder.
Layout Shifts in einer Single Page App, die Lighthouse nie sieht?
Schick mir die URL deines Buchungs- oder Checkout-Flows. Ich klicke mich wie ein Besucher durch, inklusive Soft Navigations.
Oder Beratung ansehen. Mehr Ergebnisse auf meiner Kundenseite.
