Integrierte Optimierung deiner Website

Websites, die du mit dem Webseiten-Baukasten erstellst, sind von Haus aus auf Optimierung ausgelegt. Im Fokus stehen dabei die tatsächliche Nutzung durch Besucher und letztlich Googles Core Web Vitals.

Damit ist es nicht getan: Optimierung ist im Webseiten-Baukasten ein fortlaufender Prozess. Wir halten die Technik auf dem neuesten Stand und verbessern sie laufend weiter.

Hier ein Überblick über die integrierten Optimierungen, die automatisch ablaufen. Die Liste zeigt viele wichtige Prozesse, ist aber nicht vollständig.

• Bildoptimierung
• Videooptimierung
• Verzögertes Laden von Bildern (Lazy Load) (mehr dazu unter „Lazy Loading and Fonts")
• Verzögertes Laden schwerer Widgets
• Statische Ressourcen über CDN
• Nicht kritisches CSS verzögert laden
• CSS minimieren
• Kritisches CSS extrahieren
• Unsichtbaren Text während des Ladens von Schriften vermeiden
• Laden und Darstellung von WebFonts optimieren
• Größe von WebFonts reduzieren
• JavaScript-Payloads durch Code-Splitting reduzieren
• Netzwerk-Payloads minimieren und komprimieren
• Kritische Assets vorab laden, um die Ladegeschwindigkeit zu verbessern
• Statische Assets mit effizienter Cache-Richtlinie ausliefern
• Vorab-Verbindung zu benötigten Ursprüngen (Preconnect)
• Kurze initiale Serverantwortzeit; unter 250 ms
• Mehrfache Weiterleitungen vermeiden
• Wichtige Anfragen vorab laden
• Sehr große Netzwerk-Payloads vermeiden (Dateien über 5 MB)
• Nutzung von Drittanbietern minimieren
• Drittanbieter-Code hat den Haupt-Thread für 180 ms blockiert
• Große Layout-Verschiebungen vermeiden
• Passive Listener verwenden, um die Scroll-Leistung zu verbessern
• WebP-Bilder (für jedes Bild wird eine WebP-Version erzeugt)
• Brotli-Komprimierung
• Laufende Verbesserungen beim verzögerten Laden neuer Widgets
• Verbessertes Laden benutzerdefinierter Widgets
• Videos mit automatischer Komprimierung
• Nahezu alle Assets auf CDN verschoben
• CSS-Dateien zusammenfassen (weniger Anfragen)
• Laufende Verbesserungen bei Critical CSS