Hardik Dewra

2 min read

Wie die Ladezeit deiner Landing Page die Conversion beeinflusst

Langsame Seiten verlieren Besucher, bevor die Headline erscheint. Verfolg diese drei Werte und nutz die Fixes, die sie bewegen.

Die Ladezeit entscheidet, wer dein Angebot überhaupt sieht

Vor jeder Landing Page steht eine Warteschlange. Jemand tippt auf eine Anzeige, der Browser fängt an zu laden, und der Besucher wartet. Auf einem Handy in einem löchrigen 4G-Netz bleibt eine schwere Seite vier oder fünf Sekunden weiß. Ein guter Teil der Besucher geht, bevor die Headline gerendert ist. Sie sehen das Angebot nie und erreichen den Button nie. Deine Copy könnte hervorragend sein, und es würde trotzdem nichts ändern. Bei Paid Traffic bezahlst du diesen Klick so oder so. Die Ladezeit deiner Landing Page entscheidet also, wie viele Leute überhaupt dazu kommen, alles andere zu beurteilen, was du gebaut hast.

Die drei Werte, die du verfolgen solltest

Google veröffentlicht drei Schwellenwerte, und die taugen gut als Ziele. Largest Contentful Paint sollte unter 2,5 Sekunden landen. Das ist meistens dein Hero-Bild oder deine Headline, die fertig gerendert ist. Interaction to Next Paint sollte unter 200 Millisekunden bleiben, damit sich Tippen sofort anfühlt. Cumulative Layout Shift sollte unter 0,1 bleiben, damit das Layout still hält, während jemand liest. Google bewertet diese Werte im 75. Perzentil echter Besuche und trennt Mobile von Desktop, schau dir also beides an. Felddaten hinken um Wochen hinterher, ein Labortest bestätigt dir einen Fix schon heute.

Was eine Seite wirklich langsam macht

In fast jeder Website, die wir auditieren, tauchen dieselben Übeltäter auf. Ein Hero-Video startet automatisch und schiebt Megabytes raus, bevor überhaupt jemand scrollt. Screenshots werden mit 3000 Pixeln Breite exportiert und in einen 600 Pixel breiten Platz gesetzt. Vier Schriftschnitte laden, wo zwei reichen würden, und jeder hält den Text vom Rendern ab. Dann kommen die Anbauten: ein Chat-Widget, ein Heatmap-Recorder, zwei Werbepixel und ein A/B-Testing-Skript, das das Rendering blockiert, während es eine Variante auswählt. Jedes davon fühlte sich im Moment gratis an. Die laufende Summe verfolgt niemand.

Wo du diese Woche anfängst

Fang beim Hero an, denn er ist meistens dein LCP-Element. Liefer ein komprimiertes WebP oder AVIF aus, dimensionier es für den Viewport und lade es nicht lazy. Tausch das automatisch startende Video gegen ein Standbild mit Play-Button. Reservier Höhe für Bilder, Embeds und Banner, damit die Seite ihre Form hält. Öffne dann den Network-Tab, sortier nach Größe und lösch jedes Drittanbieter-Skript, das seit drei Monaten niemand geprüft hat. Teste erneut auf einem echten Gerät über gedrosseltes Mobilfunknetz. Die meisten Seiten werden schneller, wenn du Dinge wegnimmst.