Ladezeit-Booster

Wer heute im Internet erfolgreich sein will, kommt an schnellen Ladezeiten nicht vorbei. Ein zentraler Hebel für die Leistung Ihrer Website ist der Umgang mit Bildern. Obwohl moderne Formate wie WebP und AVIF bereits seit Jahren existieren, werden sie in der Praxis noch immer zu selten eingesetzt. Dabei ist ihr Potenzial, die Ladezeit massiv zu senken, enorm.

Der LCP: Warum Google Ihre Bilder genau prüft

Seit Google die „Core Web Vitals“ als Rankingfaktor eingeführt hat, ist die technische Leistung einer Seite messbar geworden. Ein besonders wichtiger Wert ist der Largest Contentful Paint (LCP). Er gibt an, wie lange es dauert, bis das größte sichtbare Element einer Seite – meist ein Header-Bild oder eine Grafik – vollständig geladen ist.

Ist dieses Bild im veralteten JPG-Format mehrere Megabyte groß, wartet der Besucher unnötig lange. Die Folge: Google stuft die Seite schlechter ein, und die Absprungrate der Nutzer steigt. Hier setzen optimierte Bildformate an.

Bewährte Technik, ungenutztes Potenzial: WebP und AVIF

WebP und AVIF sind keine „brandneuen“ Trends, sondern technisches Handwerk, das leider oft ignoriert wird. Dabei bieten sie klare Vorteile gegenüber den Klassikern JPG und PNG:

1. WebP: Bereits vor über einem Jahrzehnt von Google vorgestellt, bietet es bei gleicher Qualität deutlich kleinere Dateigrößen als JPG. Es unterstützt zudem Transparenzen (wie PNG) und ist heute mit fast allen Browsern kompatibel.
2. AVIF: Das effizientere Format AVIF ist der nächste logische Schritt. Die Kompression ist nochmals deutlich besser als bei WebP. In der Praxis lassen sich Dateigrößen oft um 50 bis 80 Prozent gegenüber herkömmlichen Formaten reduzieren – ohne sichtbaren Qualitätsverlust für das menschliche Auge.

Automatisierung in Contao: Kein Mehraufwand für Redakteure

Ein häufiges Missverständnis ist der Glaube, man müsse nun alle Bilder manuell in diese Formate umwandeln. In einem professionell konfigurierten CMS wie Contao ist das Gegenteil der Fall.

Für Sie als Redakteur ändert sich nichts: Sie laden weiterhin das hochauflösende Original (z. B. als JPG) hoch. Den Rest erledigt das System im Hintergrund:

• Automatische Umwandlung: Contao generiert bei der Ausgabe selbstständig die WebP- oder AVIF-Varianten.
• Responsive Images: Über die zentralen Bildgrößen-Einstellungen steuert Contao präzise, welches Bild in welcher Auflösung an welches Endgerät (Smartphone, Tablet, Desktop) geliefert wird.
• Format-Auswahl: Das System liefert dem Browser automatisch das modernste Format aus, das dieser verarbeiten kann. Unterstützt ein alter Browser kein AVIF, erhält er WebP oder als letzten Rückfall das klassische JPG.

Die Technik im Hintergrund: Das Fundament muss passen

Damit diese Automatisierung in Contao reibungslos funktioniert, müssen einige technische Voraussetzungen erfüllt sein:

• Server-Anforderungen: Der Webserver muss die entsprechenden Bibliotheken (wie gd oder besser imagick) unterstützen. In der config.yml von Contao muss die Unterstützung für AVIF oft explizit aktiviert werden.
• HTML-Markup: Die Einbindung erfolgt idealerweise über das <picture>-Tag, um dem Browser verschiedene Formate als Auswahl anzubieten.
• Caching: Die berechneten Bilder werden im Dateisystem zwischengespeichert, damit der Server sie nicht bei jedem Aufruf neu generieren muss. Das spart Rechenleistung und Zeit.

Fazit: Struktur schlägt Dateigröße

Die Umstellung auf WebP und AVIF ist kein kreatives Extra, sondern eine notwendige technische Optimierung. Wer diese Formate ignoriert, verschenkt Sichtbarkeit bei Google und verärgert mobile Nutzer durch unnötig hohen Datenverbrauch. Mit Contao haben wir ein Werkzeug, das diese Komplexität für den Anwender vollständig übernimmt.

Haben Sie Fragen zur technischen Konfiguration Ihres Contao-Systems oder möchten Sie Ihren aktuellen LCP-Wert prüfen lassen? Ich unterstütze Sie gerne dabei, Ihre Website technisch auf den neuesten Stand zu bringen.