Denn eines hat sich über die Jahre nicht verändert: WordPress läuft nach der Installation zunächst relativ träge. Dabei ist es für eine gute Nutzererfahrung und auch für Google wichtig, dass die Seite schnell lädt.

Zum Glück gibt es jedoch bewährte Methoden und Tipps, mit denen man seiner Webseite den nötigen Turbo-Boost verpassen kann. In diesem Blogbeitrag möchte ich euch zeigen, wie ihr eure WordPress Seite schneller machen könnt.

Verwendet nginx statt Apache

Ganz ehrlich: Ich bin mit Apache “groß geworden” und die Konfiguration dessen geht mir leicht von der Hand. Trotzdem muss ich ehrlich zugeben, dass der Webserver nicht der schnellste ist. Ich habe daher bei meinem neuen Projekt von Anfang an auf nginx gesetzt und dies alleine machte das zu dem Zeitpunkt noch jungfräuliche WordPress schon super schnell.

Es gibt auch zahlreiche Benchmark-Ergebnisse dazu, z.B. hier auf cyberpanel.net wird sehr ausführlich darüber berichtet.

Verwendet ein gutes Caching-Plugin

Ein Caching-Plugin rendert die dynamische Webseite vor und speichert sie als statisches HTML ab, sodass der Webserver sie einfach ausliefern kann. Dies kann einen riesen Unterschied machen.

Ich habe mir alle verfügbaren Caching-Plugins angesehen und finde WP Fastest Cache mit Abstand am besten. Es ist sehr einfach zu konfigurieren und hat die Ladezeiten gefühlt um 90% reduziert.

Die korrekte Funktion kann man mittels einem Kommentar im HTML der Website überprüfen:

Verwendet einen Redis Object Cache

Das WordPress-Plugin “Redis Object Cache” erweitert den standardmäßigen Object Cache und nutzt Redis, um Daten zwischen Anfragen zu speichern. Daher kann dieses Plugin nur genutzt werden, wenn Ihr Redis installiert habt bzw. installieren könnt.

Was ist Redis?

Redis ist ein Open-Source, in-memory Datenstrukturspeicher, der als Datenbank, Cache und Message Broker verwendet werden kann. Da sämtliche Daten im RAM liegen, ist er wahnsinnig schnell.

Unter Ubuntu 22.04 ist dieser super einfach via

apt-get install redis-server

zu installieren.

Er muss für eine simple lokale Installation nicht weiter konfiguriert werden. Der Dienst lauscht automatisch auf 127.0.0.1:6379 und ::1:6379 – ist also nur vom Server selbst zu erreichen.

Anschließend kann das WordPress-Plugin installiert und mit der lokalen Redis-Instanz verbunden werden.

Verwendet ein Bild-Kompressions-Plugin

Es gibt eine Reihe von Plugins, welche alle verwendeten Bilder automatisch richtig komprimieren, sodass nicht unnötig große Daten übertragen werden. Ich habe diesmal Smush verwendet und nutze aus dem Plugin auch die Lazy-Load Funktion, damit Bilder dynamisch und erst beim Scrollen nachgeladen werden.

Mit diesen Tipps solltet ihr eure Seite deutlich beschleunigen können. Nach diesen Optimierungen erreiche ich einen PageSpeed Insighs Wert von 96 für den Desktop.

Der Beitrag WordPress Seiten beschleunigen erschien zuerst auf SYN-FLUT.de.

Vor kurzem habe ich einen Blog von Blogger zu WordPress migriert und möchte hier nun meine Erfahrungen teilen. Ich gehe im Folgenden davon aus, dass bereits eine funktionierende WordPress Installation vorliegt, oder die Migration in die WordPress-Cloud stattfindet. Eine gute Anleitung, wie WordPress auf eigenem Webspace installiert werden kann, findet sich hier: WordPress in 5 Minuten installieren

Backup des aktuellen Blogs

Damit nichts schief gehen kann, würde ich empfehlen, zunächst ein Backup vom “Live-Blog” auf Blogger zu erstellen. Damit kommt man im Falle des Falles jederzeit zum Ursprung zurück.

Import der Beiträge zu WordPress

Glücklicherweise gibt es für den Import ein tolles Plugin, welches die Hauptarbeit erledigt: Blogger Importer Extended

• Es importiert sämtliche Beiträge, inklusive Formatierung.
• Die Kategorien der einzelnen Beiträge werden ebenfalls richtig übernommen, allerdings im WordPress als Schlagwörter abgelegt. Dies werden wir nachher noch beheben.
• Ebenso werden alle statischen Seiten importiert.
• Die Kommentare (sogar verschachtelte Antworten) werden perfekt mitgenommen.
• Alle Bilder werden importiert und in der WordPress Mediathek abgespeichert.
• Sämtliche Blog-Internen Links (von einem Beitrag zum anderen) werden richtig umgeschrieben und übernommen. Dabei spielt es keine Rolle, welche Art von Permalinks im WordPress verwendet wurden.

Der Prozess klappte bei mir sehr gut. Das Layout passte auch bei den meisten Beiträgen. Allerdings waren jede Menge Styles im HTML der importierten Beiträge. Hier kam ich manchmal nicht drum rum, die Einträge händisch zu optimieren.

Schlagwörter zu Kategorien konvertieren

Das Importplugin macht einen super Job, allerdings werden die importierten “Tags” zu Schlagwörtern. Ich wollte lieber Kategorien haben, deswegen verwendete ich das Plugin “Kategorie-in-Schlagwort-Konverter“, welches selbsterklärend ist und auch in die andere Richtung funktioniert.

Anschließend sind alle Kategorien erstellt, allerdings noch nicht den Posts zugeordnet. Auch hier helfen wir uns mit einem Plugin: Batch-Move, welches für alle möglichen Batch-Aufgaben verwendet werden kann. Mit wenigen Klicks sind alle Posts in den entsprechenden Kategorien.

Weiterleitung vom alten zum neuen Blog

Wenn der neue WordPress Blog steht und alles importiert wurde, möchte man in der Regel den Besucherstrom und sein Google-Ranking nicht verlieren. Hier bietet sich das Plugin Blogger 301 Redirect an. Es erzeugt ein neues Blogger-Template, welches dann automatisch alle Besucher zum neuen Blog umleitet. Auf den neuen WordPress Blog bleibt das Plugin weiterhin aktiv, um in Echtzeit ein “Mapping” zwischen den alten und den neuen Einträgen zu machen. Somit wird wirklich jeder Link, egal ob Beitrag, Kategorie oder Kommentar, perfekt zum neuen Blog weitergeleitet. Weitere Informationen und viele Screenshots hat der Entwickler auf seiner Website bereitgestellt.

Mit diesen Mitteln habe ich kürzlich von Blogger auf WordPress migriert. Ich hoffe, dass euch die Tipps etwas weiterhelfen!

Der Beitrag Blogger zu WordPress Migration: so gehts erschien zuerst auf SYN-FLUT.de.

Einleitung

Dieses Modul steht für Apache und Nginx zur Verfügung und wird hauptsächlich von Google entwickelt. Der Quellcode steht auf GitHub zur Verfügung. Mittels verschiedenster Techniken versucht es, die Seiten schneller an die Benutzer auszuliefern.

Funktionsweise

mod_pagespeed klinkt sich in den Apache Webserver ein und wendet sehr viele “Best Practices” auf den HTML Code, CSS, JavaScript und Bilder der auszuliefernden Webseiten an. Dabei werden die einmal erstellten, optimierten Seiten zusätzlich in einem Cache gehalten. Das ist Fluch und Segen zugleich: Änderungen an CSS oder Bildern werden womöglich erst verzögert sichtbar, wenn die Dateinamen gleich bleiben. Abhilfe schafft das Löschen des Caches. Dazu unten mehr.

Zum Beispiel werden Bilder (wo es sinnvoll ist) vor dem Ausliefern in das neue WebP Format konvertiert. Schriften werden z.B. direkt als Base64 Stream ins CSS eingebettet, anstatt sie als separate Datei zu laden, was wieder Zeit kostet. Ebenso werden Stylesheets und JavaScripts minimiert und soweit wie möglich zusammengefasst.

Das sind nur die Dinge, die mod_pagespeed in der Grundinstallation optimiert. Viele weitere Filter können in der Konfiguration aktiviert werden.

Da mein Blog noch keine Woche alt ist, kann ich damit noch ein wenig experimentieren. Die Implementation von mod_pagespeed brachte mir bisher rund 30% Zeitersparnis in der Ladezeit. Als ich den Cache dann komplett in den RAM meines Servers ausgelagert hatte, wurde die Seite nochmal etwas schneller. Bisher habe ich nur die standardmäßig aktivierten Filter in Verwendung. Vielleicht bekomme ich noch etwas mehr Performance raus, wenn ich daran noch etwas drehe. Ich werde den Beitrag dann entsprechend aktualisieren.

Installation unter Ubuntu 14.04

Glücklicherweise gibt es bereits fertige Pakete von Google, die gleichzeitig ein eigenes Repo mit installieren. Mod_Pagespeed wird somit automatisch über den Paketmanager aktuell gehalten.

Ich installiere hier bewusst die Beta-Version, da diese per default auch https-Seiten beschleunigt. In der aktuellen Stable müsste dies noch händisch aktiviert werden. Auf der verlinkten Seite gibt es dazu weitere Infos.

wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-beta_current_amd64.deb
sudo dpkg -i mod-pagespeed-*.deb
sudo apt-get -f install

Das war’s schon, mod_pagespeed ist installiert und direkt als Apache Modul aktiviert. Nun muss noch der Webserver selbst durchgestartet werden, damit die neue Konfiguration aktiviert wird.

service apache2 restart

Ab sofort sollte mod_pagespeed bereits aktiv sein und eure Webseiten global optimieren. Wer das nicht will, sollte mod_pagespeed in der globalen Konfiguration erstmal deaktivieren und für einzelne Virtual Hosts wieder einschalten.

sudo nano /etc/apache2/mods-enabled/pagespeed.conf
     ModPagespeed off

sudo nano /etc/apache2/sites-enabled/yoursite.conf
     <VirtualHost ...>
     .   .   .
         ModPagespeed on
     </VirtualHost>

mod_pagespeed bringt noch ein kleines Webinterface mit, um Statistiken zu sehen. Standardmäßig ist das nur vom Server selbst zu erreichen. Hier könnte man entweder mit einem SSH-Tunnel arbeiten, oder die Website z.B. nur für die eigene IP freischalten. Um es einfach zu halten, hab ich bei mir erstmal das gemacht.

sudo nano /etc/apache2/mods-enabled/pagespeed.conf
    <Location /pagespeed_admin>
        Order allow,deny
        Allow from localhost
        Allow from 127.0.0.1
        Allow from <deine IP>
        SetHandler pagespeed_admin
    </Location>
    <Location /pagespeed_global_admin>
        Order allow,deny
        Allow from localhost
        Allow from 127.0.0.1
        Allow from <deine IP>
        SetHandler pagespeed_global_admin
    </Location>

Weitere Konfiguration ist erst mal nicht notwendig. Als nächstes könnte man wie oben beschrieben weitere Filter aktivieren.

Test von mod_pagespeed

Ihr braucht nur die optimierte Seite im Browser laden und euch den Quelltext anzeigen lassen. Anschließend mal nach “pagespeed” suchen. Die optimierten Bilder und CSS dürften diesen Namen im Dateinamen tragen.

Idealerweise habt ihr vor dem Aktivieren von mod_pagespeed einen Ladezeitentest, z.B. auf  https://www.pagespeed.de/ gemacht. Anschließend, mit aktiviertem Modul, sieht man recht schön die gewonnene Geschwindigkeit.

Tipps und Tricks

Auslagern des Cache in den RAM

dazu wird einfach eine tmpfs RAMDisk erstellt, die in den entsprechenden Ordner gehängt wird. Ich erkläre es hier wieder am Beispiel Ubuntu 14.04, bei anderen Distributionen ist die Vorgehensweise ähnlich. Bei mir ist sie 256MB groß. Der Speicher wird nur vom RAM allokiert, wenn er auch tatsächlich genutzt wird.

Folgendes wird in die /etc/fstab eingetragen:

tmpfs /var/cache/mod_pagespeed tmpfs size=256m,mode=0775,uid=www-data,gid=www-data 0 0

Anschließend wird die RAMDisk noch gemountet

mount /var/cache/mod_pagespeed

Cache löschen

Wenn ihr etwas am CSS eurer Seite ändert, ist es Sinnvoll, den Cache von mod_pagespeed zu löschen. Dadurch werden die Änderungen gleich sichtbar. Dies geht mit folgendem Befehl: (Wieder für Ubuntu)

touch /var/cache/mod_pagespeed/cache.flush

Ein Neustart von Apache ist nicht notwendig. Nach einem Reload der Website sollten die CSS-Änderungen sichtbar sein.

Der Beitrag mod_pagespeed: Installation und Konfiguration erschien zuerst auf SYN-FLUT.de.