Überblick

Eclipse X bietet eine Vielzahl von automatischen Funktionen, die eine deutliche Verbesserung des Pagespeeds ermöglichen. Diese Funktionen laufen bereits automatisch und müssen nicht extra konfiguriert oder aktiviert werden.

• Der CSS-SmartLoader, der nur das benötigte CSS lädt, um die Ladezeiten zu optimieren.
• Die Zusammenführung aller CSS-Anweisungen und Skripte in einer einzigen Datei, um den Serverzugriff zu reduzieren und die Seitenladegeschwindigkeit zu erhöhen.
• Lazy Loading für Bilder, wodurch Bilder erst dann geladen werden, wenn sie im sichtbaren Bereich des Benutzers angezeigt werden, um das initiale Laden der Seite zu beschleunigen.
• Die Komprimierung aller Codes abhängig vom verwendeten HTTP-Protokoll, um die Datenübertragung effizienter zu gestalten und die Ladezeiten zu minimieren.
• Das Laden aller JavaScript-Dateien erst am Ende der Seite, um das Rendering der sichtbaren Inhalte zu priorisieren und somit ein schnelleres Laden der Seite zu ermöglichen.
• Die responsive Bilder-Auslieferung, die je nach Endgerät die optimale Auflösung und Größe der Bilder bereitstellt. Dies gilt auch für CSS-Hintergrundbilder.

Schritt 2: Cache Einstellungen

Den Seitencache in den Seiteneinstellungen der Root-Seite (Startpunkt einer Webseite) aktivieren:

Seitenstruktur > Seiteneigenschaften > Cache Einstellungen > Cachezeiten festlegen

Schritt 3: SEO-Helper aktivieren

Contao Einstellungen > SEO Helfer - Einstellungen

Auslieferung von Daten nach Server-Protokoll:

• auto (erkennt automatisch das Protokoll)
• http1 (komprimiert alle Scripte inkl. Scripte aller PCT Module)
• http2 (komprimiert keine Scripte)

Nativ-Lazy-Loading für <img>

• auto (empfohlen)
• eager
• lazy