WordPress unleashed: Autoptimize JS + CSS

Erstellt am 2014-09-09 | Lesedauer: 2 Minute(n)

Auch wenn man ein aufgeräumtes Design benutzt, so wird man doch spätestens durch den Einsatz von Addons zusätzliche Stylesheets und Javascripte in seinen WordPress Blog einschleppen.
Wenn man schon alles getan hat, um zusätzliche Scripten zu vermeiden, kann man sich daran machen, diese zusammenzufassen und zu komprimieren.
Zu diesem Zweck gibt es verschiedene Plugins. Vernünftig im Zusammenspiel mit Cachify funktioniert bei mir Autoptimize.

Nach der Installation kann man das Plugin unter "Einstellungen" > "Autoptimize" konfigurieren. Am besten blendet ihr gleich die erweiterten Einstellungen mit einem Klick auf den entsprechenden Button ein.

Bei meinem eigenen Blog und auch auf dem Testsystem wurden folgende Optionen aktiviert:

  • JavaScript Code optimieren?
  • CSS Code optimieren?
  • data: URIs für Bilder generieren?
  • Optimierte CSS / Skript-Dateien als statische Dateien speichern?

Wenn der WordPress Blog ein One-Pager bzw. nur sehr wenige Seiten mit einer hohen Bounce Rate (Besucher verlässt nach einer Anschauen einer Seite den Blog) hat, so sollte man noch die Option "CSS Inlining aktivieren?" aktivieren. Ist sie Aktiv, wird das komprimierte CSS im HTML Code eingebettet. Die Seite lässt sich dann mit nur 2 HTTP Requests (HTML + JS) ausliefern

Die HTML Optionen lässt man besser in Ruhe, da für diese Arbeit das Addon Cachify zuständig ist.

Im Anschluss sollte man seinen Memcached Server durchstarten, damit etwaig gecachte Seiten mit alten CSS bzw. JS Verweisen neu aufgebaut und in den Cache geladen werden.

service memcached restart

Weiter geht es mit WordPress unleashed: Elasticsearch

Alle Teile dieser Serie

Tech Topic(s) des Artikels