INHALT
Plugin Autoptimize
Mit Autoptimize können Sie Ihre Website ganz einfach optimieren. Es kann Skripte und Stile aggregieren, minimieren und zwischenspeichern, CSS standardmäßig in den Seitenkopf einfügen, aber auch kritisches CSS einbinden und das aggregierte vollständige CSS aufschieben, Skripte in die Fußzeile verschieben und verschieben und HTML minimieren. Sie können Bilder optimieren (und sogar in WebP konvertieren) und verzögern, Google Fonts optimieren, nicht aggregiertes JavaScript asynchronisieren und entfernen und vieles mehr.
Caching-Programm für die Geschwindigkeit
Falls dir Geschwindigkeit wichtig ist, sollten Sie eines der Caching-Plugins einsetzen, um Seiten zu cachen. Einige gute Kandidaten, die Autoptimize auf diese Weise ergänzen sind z.B.
WP Super Cache,
HyperCache,
Comet Cache oder
KeyCDN’s Cache Enabler.
Es bedarf nur wenige Einstellungen um sofort eine Geschwindigkeitssteigerung zu erreichen. Faustregeln: Je mehr Plugins und Erweiterungen mit zusätzlichen JavaScript- und CSS-Dateien das System verkomplizieren, desto stärker ist die Optimierung spür- und messbar und desto höher steigt aber auch gleichzeitig die Wahrscheinlichkeit, dass Ihre Website gestört wird.
Plugin Autoptimize installieren + aktivieren
Einstellungen / Optimize
HTML-Optionen
– HTML-Code optimieren?
Häkchen. Fasst den HTML-Code zusammen. Bringt nicht viel, schadet aber auch nicht.
– (Erweitert) HTML-Kommentare beibehalten?
Kein Häkchen Entfernt <!-- HTML-Kommentare --> aus dem Quelltext.
JavaScript Optionen
– JavaScript-Code optimieren?
Häkchen. Fasst den JavaScript-Code und auch mehrere Dateien in einer zusammen = effektive Optimierungsmaßnahme
– (Erweitert) JavaScript-Code zusammenfügen?
Häkchen. Aggregierungsfunktion damit weniger Kommunikations-Overhead zwischen Browser und Server entsteht.
– (Erweitert) Auch Inline-JS zusammenfügen?
kein Häkchen. Zieht Inline-JavaScript-Code aus dem HTML-Quelltext in eine externe Sammeldatei. nicht nötig.
– (Erweitert) JavaScript im <head> erzwingen?
kein Häkchen. JavaScript sollte im Footer geladen werden, damit der obere Teil des HTML-Codes möglichst schnell vom Browser verarbeitet und dargestellt wird. Bei Problemen Häkchen setzen
– (Ede Skripte von Autoptimize ausschließen.rweitert) Folgen
kein Häkchen Es gibt Probleme durch Optimierung bei gelisteten Scripts . Die Scripts werden hierüber explizit ausgeschlossen.
– (Erweitert) Try-Catch-Block hinzufügen?
Kein Häkchen Nur aktivieren, wenn Ihnen tatsächlich fehlerhafter JavaScript-Code begegnet, der die komplette JavaScript-Ausführung abbricht.
CSS Optionen
CSS-Code optimieren?
Häkchen. Fasst CSS-Definitionen und Dateien zusammen, sorgt möglicherweise für mehr Geschwindigkeit
(Erweitert) CSS-Dateien zusammenfügen
Häkchen = Aggregierungsfunktion.
– (Erweitert) Auch Inline-CSS zusammenfügen?
Kein Häkchen. Fasst auch im HTML per <style>-Tag erstellte CSS-Definitionen zusammen. Gefahr, dass das Layout nicht mehr ok ist.
– (Erweitert) Data: URIs für Bilder generieren (Inline Images)?
Kein Häkchen Tauscht das Nachladen einer Bilddatei durch in CSS-Styles codierte Bilddaten aus (nicht schneller, mehr Datenvolumen)
– (Erweitert) Gesamten CSS-Code inline einfügen?
Kein Häkchen bringt nichts, höchstens etwas für Entwickler
– (Erweitert) Folgende CSS-Dateien von Autoptimize ausschließen.
unverändert lassen.
CDN Optionen
CDN-Basis-URL:
Eintrag bei Subdomain https://cdn.wordpress5x-for-oldies.rneuhoff.de Autoptimize kann nur im selben Dateisystem optimieren. Trennen Sie per .htaccess-Konfiguration das Laden der CSS- und JavaScript-Dateien vom Rest – Google-Suche: »htacccess load css and javascript from subdomain«.)
Weitere Optionen
(Erweitert) Zusammengefügte CSS-/Skript-Dateien als statische Dateien speichern?
Häkchen Nur bei Problemen deaktivieren
– (Erweitert) Auch für angemeldete Benutzer optimieren?
Häkchen. Nur deaktivieren, wenn es immer wieder zu Darstellungsproblemen kommt
(Arbeiten am Layout / komplexen Seiteninhalten, z. B. auch mit Page Builder Themes).
– (Erweitert) Auch Warenkorb/Bezahlseite optimieren.
Häkchen. Schalten Sie die Optimierung schon bei den ersten Anzeichen von Problemen ab.
Bildoptimierung
Bilder optimieren
Die Optimierung von Bildern (und sogar die Auslieferung über einen hierüber aktivierten CDN) . Geschwindigkeitsverbesserungen nur bei besonders bildreichen Websites. Shortpixel-Dienst erzeugt nur 150 Bilder
pro Monat kostenlos, danach wird’s kostenpflichtig (z. B. 5 US$ für 7.500 Bilder im
Monat).
Bildoptimierungs-Qualität.
Glossy behalten, da gute Ergebnisse.
Reiter Extras
Google Fonts.
Häkchen
Für Experimentierfreudige: Fonts kombinieren und asynchron laden mit webfont.js kann beschleunigen oder Komplikationen verursachen.
Emojis entfernen.
kein Häkchen spart ein wenig CSS- und JavaScript-
Abfragezeichenfolgen von statischen Ressourcen entfernen.
Kein Häkchen. Sicherstellung, dass WordPress die korrekten Versionen zusätzlicher Bibliotheken, Scripts und Stylesheets nachlädt.
Zu Dritt-Domains vorverbinden.
Hiermit werden Domainnamen schon möglichst früh aufgelöst, was zu geringen Beschleunigungen führen kann