8.3 Kompression & Lazy Loading
Wie man Lazy Loading richtig nutzt, um Ladezeiten zu reduzieren.
Inhaltsverzeichnis
A. Lazy Loading aktivieren
WordPress 5.5+ aktiviert Lazy Load automatisch. In Elementor kannst du zusätzlich im Image-Widget sicherstellen, dass die Option „Lazy Load: On“ aktiv ist.
B. Performance-Regeln
- Keine Bilder größer als 250KB
- WebP bevorzugen
- Keine Slider mit mehr als 4 Bildern
- Hintergrundbilder komprimieren
💡Tipp: Verwende Autoptimize oder WP Rocket für zusätzliche Bildoptimierung & Deferred Loading.
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container