News & Wissen 2 Min. Lesezeit
Fünf Tipps für schnellere Ladezeiten
Core Web Vitals verstehen und verbessern
von Mathias Arzberger
Jede Sekunde Ladezeit kostet Aufmerksamkeit. Google bewertet die Nutzererfahrung seit Jahren mit den Core Web Vitals – drei Messwerten, die zeigen, wie schnell eine Seite lädt, wie flott sie reagiert und wie ruhig sie sich aufbaut.
Core Web Vitals
Diese Werte zählen.
- ≤ 2,5 s
- Largest Contentful Paint
- ≤ 200 ms
- Interaction to Next Paint
- ≤ 0,1
- Cumulative Layout Shift
Tipp 1
Bilder optimieren.
Bilder sind fast immer der größte Brocken. Contao erzeugt über die Bildgrößen im Theme automatisch passende Varianten für jedes Gerät – Sie müssen sie nur sinnvoll anlegen.
- Moderne Formate wie AVIF und WebP
- srcset und sizes für unterschiedliche Bildschirme
- Lazy Loading für alles unterhalb des sichtbaren Bereichs
2. Caching nutzen
Der HTTP-Cache von Contao liefert Seiten ohne erneuten Datenbankzugriff aus – oft in wenigen Millisekunden. Legen Sie in den Seiteneinstellungen eine sinnvolle Cache-Zeit fest.
3. Schriften selbst hosten
Lokal eingebundene Webfonts sparen Anfragen an Drittanbieter, sind datenschutzfreundlich und lassen sich mit font-display: swap ohne Flackern laden.
4. Skripte reduzieren
Jedes Tracking-Tool und jedes Slider-Plugin kostet Ladezeit. Laden Sie nur, was wirklich gebraucht wird – und das möglichst mit defer.
5. Regelmäßig messen
Lighthouse und PageSpeed Insights zeigen Schwachstellen in Minuten. Wichtiger noch sind die Felddaten echter Besucher in der Search Console.
Vorher und nachher: ein Beispiel
| Messwert | Alte Website | Nach dem Relaunch |
|---|---|---|
| Largest Contentful Paint | 4,1 s | 1,6 s |
| Seitengewicht Startseite | 3,8 MB | 0,9 MB |
| Anfragen beim Laden | 86 | 31 |
| Lighthouse Performance (mobil) | 54 | 97 |
Werte gemessen mit Lighthouse (mobil, gedrosselt) auf der Startseite des Serviceportals der Stadtwerke Elbtal vor und nach dem Relaunch.
Seit dem Relaunch lädt unser Störungsmelder auch im Mobilfunknetz in unter zwei Sekunden. Die Zahl der Anrufe an der Hotline ist spürbar gesunken.
Performance-Check
Wie schnell ist Ihre Website?
Wir messen Ihre Website und zeigen Ihnen die drei Maßnahmen mit der größten Wirkung.
Bereit für Ihr Projekt?
Lassen Sie uns gemeinsam Großes schaffen.
Ob neue Website, Relaunch oder Beratung – wir freuen uns darauf, Ihr Projekt kennenzulernen.