Bilder, Schriften, JavaScript, Cache und CDN optimieren
Website-Performance entsteht aus Serverantwort, Dateien, Datenbank, Browsercache und Drittanbieterdiensten. Aktivieren Sie nicht mehrere Optimierungswerkzeuge mit derselben Aufgabe.
Inhaltsverzeichnis
Bilder
- auf tatsächliche Darstellungsgröße skalieren
- geeignete Qualitätsstufe wählen
- WebP oder AVIF verwenden, wenn der Workflow dies unterstützt
- responsive Bildvarianten durch das CMS nutzen
- sichtbares Hauptbild nicht unbedacht lazy laden
- Alternativtexte nicht durch Dateinamen ersetzen
Schriften
Reduzieren Sie Schriftfamilien, Schnitte und Zeichensätze. Prüfen Sie Lizenz und Datenschutz bei extern geladenen Schriften. Selbst gehostete Schriften vermeiden nicht automatisch jedes Performanceproblem.
JavaScript und CSS
Entfernen Sie ungenutzte Plugins und Drittanbieterskripte. Kombinieren oder verzögern Sie Dateien nur mit einem getesteten Werkzeug; aggressive Optimierung kann Menüs, Formulare und Checkout beschädigen.
Cache-Ebenen
- Browsercache für statische Dateien
- Seitencache für fertige HTML-Ausgaben
- Objektcache für wiederverwendete Anwendungsdaten
- PHP-OPcache für kompilierten PHP-Code
- CDN-/Proxycache vor dem Webserver
Dynamische Bereiche wie Warenkorb, Kasse, Anmeldung und personalisierte Seiten dürfen nicht mit fremden Sitzungsdaten ausgeliefert werden.
CDN einsetzen
Prüfen Sie DNS-Änderungen, TLS, Cache-Regeln, Datenschutz, Protokollierung und Wiederherstellungsweg. Halten Sie einen dokumentierten Weg bereit, das CDN bei Fehlern zu umgehen.
Kontrolle
- Backup und Ausgangsmessung erstellen.
- Eine Änderung umsetzen.
- Cache leeren.
- Website, Formulare und Shop testen.
- Mit seo-pruefer.de und Browserwerkzeugen nachmessen.
