Pagespeed: WordPress in unter 1s laden (Nginx + HTTP/2)

Wer WordPress richtig schnell haben will, kommt ab einem gewissen Punkt mit gängigen Caching-Plugins nicht weiter. Nginx mit HTTP2 hilft weiter.

Seit der Version 1.9.5 unterstützt auch die Open-Source-Version von Nginx das HTTP/2-Protokoll direkt – eine mühsame Konfiguration bzw. das Verwenden von Patches ist damit nicht mehr nötig.

English Version below

Die HTTP/2-Implementierung läuft – zumindest bezogen auf einen Blog wie diesen – stabil und ohne weitere Auffälligkeiten. Der größte Vorteil: herausragende Seitenladezeiten. Um PHP nicht zu sehr zu fordern, verwende ich Microcaching. Dadurch sind die meisten Seiten bereits fertig erstellt und müssen nur noch an den Client ausgeliefert werden.

Rechnet man die reine Zeit, die die von der WordPress-Instanz gebraucht wird, um komplett übertragen zu werden, bekommt man einen Wert von rund 0,7 Sekunden bis zum „Document Complete“ (Ergebnis Webpagetest.org).

Das einzige, was einer Gesamtladezeit von unter einer Sekunde im Wege steht, sind Tracking-Scripte (in meinem Fall verwende ich Piwik). Zwar verwendet auch meine Piwik-Instanz HTTP/2, der Aufbau der zusätzlichen Verbindung kostet dennoch Zeit.

Google Pagespeed quittiert diese Maßnahmen mit einem Wert von 95 / 100. Die einzige Hürde, um einen Wert von 100/100 zu erreichen, ist aktuell die Priorisierung der „above the fold“ Inhalte – diese benötigen vier Netzwerk-Roundtrips. Hier bin ich allerdings nicht sicher, ob das Pagespeed-Insights-Tool die Verwendung von HTTP/2 bereits korrekt berücksichtigt – gerade das parallele Laden in HTTP/2 ist ggf. noch nicht komplett berücksichtigt.

Ab Ende des Jahres soll auch der Google Bot mit HTTP/2 klarkommen – aktuell gibt es noch keinen Vorteil, aber wie man Google kennt wird es nicht mehr lange dauern, bis HTTP/2-Support ein Ranking-Faktor wird. Schließlich spart HTTP/2 Ressourcen, die auch für Google anfallen.

Weitere Informationen zum Thema „schnelle Webseiten“ gibt es auf Boost-for-Websites.de!

English Version:
Who wants to have WordPress really fast, not come along at some point with common caching plugins. Nginx with HTTP2 helps.

Also the open-source version of nginx supports the HTTP/2 protocol directly since the version 1.9.5 – a tedious configuration or the use of patches is thus no longer necessary.

The implementation of HTTP/2 runs – at least based on a blog like this – stable and without other abnormalities. The biggest advantage: great page-load times. To reduce PHP calls too, I use Microcaching. As a result, most pages are already created and must be delivered only to the client.

Is seen as the pure time which is needed by the WordPress instance to completely to be transferred, you get a value of about 0.7 seconds until „Document-complete“ (result from Webpagetest.org).

Tracking scripts are the only thing is a total loading time of less than one second in the way, (in my case, I use Piwik). Although my Piwik-instance uses HTTP/2 as well, the additional connection costs time yet.

Google page speed acknowledged these measures with a value of 95 / 100. The only hurdle, to reach a value of 100 / 100, is currently prioritizing the „above the fold“ content – these require four network round trips. Here I am not sure, however, whether the page speed insights tool already correctly using HTTP/2 – straight parallel loading is may still not completely included in HTTP/2.

Zuletzt aktualisiert am 20. April 2024 um 13:25 . Wir weisen darauf hin, dass sich hier angezeigte Preise inzwischen geändert haben können. Alle Angaben ohne Gewähr.

2 Kommentare

  1. Ich habe diese Plugin probiert, bin aber mit anderen auf bessere Werte gekommen. Mich würden weitere Meinungen zu dem Thema interessieren da der Artikel ja auch schon in die Jahre gekommen ist.

    Welches sind eure besten Werte die mit WordPress Installationen erreicht wurden?

    Grüße

    1. Das aktuelle Setup hier erreicht zumindest für Desktop einen Pagespeed-Wert von 98 (https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2F165.227.165.86%2Fsony-wh-1000xm3-hands-on%2F&tab=desktop) und mehr oder minder dicht dran an 1s Ladezeit (http://webpagetest.org/result/190903_QW_cfa56dbb943ec760eee4b7835eb818f3/) – Nginx hat mittlerweile natürlich HTTP/2 ohne Patches, aber das Microcache-Setup habe ich seit diesem Artikel im Prinzip nicht angefasst.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.