Anleitungen, Tutorials, Tipps und Hinweise zur Ladezeiten-, und Performanceverbesserung und OnPage PageSpeed Optimierung der Webseite.
Bei vielen Content Management Systemen (CMS) werden Seiten dynamisch generiert. Das bedeutet: viele Datenbankabfragen.
Datenbankabfragen in Templates reduzierenIn vielen CSS-Strukturen findet sich der @import-Befehl, um weitere Stylesheets in eine Hauptdatei zu laden.
Die Verwendung von @import in CSS-Dateien vermeidenEin eTag (Entity Tag) ist ein eindeutiger Bezeichner (meist ein Hash) für eine spezifische Version einer Ressource.
eTags deaktivierenWenn in Ihrer PageSpeed-Analyse der Punkt "Fehlerhafte Anforderungen vermeiden" (oder „Broken Resources“) erscheint.
Fehlerhafte Anforderungen vermeiden (404-Fehler)Um die reine Verarbeitungszeit Ihres PHP-Servers (Time to First Byte – TTFB) während der Entwicklung direkt im Blick zu behalten.
Ladezeit anzeigenViele Content Management Systeme (CMS) gewinnen ihre Beliebtheit durch die schier unendliche Auswahl an Plugins und Erweiterungen.
Plugins und Add-ons als Performance-FlaschenhalsDie GZIP-Komprimierung ist eine Funktion des Webservers, nicht des Inhalts. Sie müssen Zeile CSS-Code ändern oder Dateiendungen anpassen.
GZIP-KomprimierungWenn Ihre PageSpeed-Analyse den Hinweis zur Optimierung der Reihenfolge von Skripten und Formaten anzeigt, wie der Browser Ihre Seite rendert.
Reihenfolge von CSS und JavaScript optimierenWenn Sie externe Webfonts einbinden, besteht das Hauptproblem darin, dass der Browser die Seite erst rendern kann, wenn die Schriftdatei geladen ist.
Webfonts performant einbindenGoogle PageSpeed Insights bewertet kritisch, wie schnell die Inhalte "above the fold" (also der Bereich, den der Nutzer sofort sieht, ohne zu scrollen) geladen werden.
Sichtbare Inhalte priorisieren (Critical CSS)