Wir haben Top WordPress Themes hinsichtlich PageSpeed und PageLoad verglichen – die Ergebnisse gibt es hier. Die drei populärsten Themes treten in vier verschiedenen Szenarien gegen unser SV100-WordPress-Theme an. Sehen Sie hier, welche Auswirkung allein das gewählte Theme auf den Pageload haben kann – eines der vielen Kriterien für das Google Ranking.
Themes im Vergleich
Avada
ist das populärste kostenpflichtige Theme auf ThemeForest.
OceanWP
ist das populärste unabhängige Theme im WP-Theme-Repository.
Twenty Twenty
ist das Standard-Theme und wird zusammen mit WordPress ausgeliefert.
SV100
ist unser selbst entwickeltes Theme und kostenfrei verfügbar.
Pagesize
Die Ladezeit Ihrer Website hängt stark von der Menge an Daten ab, die übertragen wird. Ihre Besucher brauchen mehr Bandbreite oder mehr Geduld, um sich Ihre Website ansehen zu können. Dabei sollte ein Theme möglichst sparsam mit den Ressourcen umgehen, damit Sie mehr Freiheiten bei Ihren Inhalten haben.
Google empfiehlt, dass eine Website nicht mehr als 1.600 Kilobyte PageSize haben sollte.
Avada benötigt – ohne Optimierung – allerdings schon über 1.700 Kilobyte – ohne Inhalte. Wählen Sie daher besser ein Theme, das sparsamer mit Ressourcen umgeht.
Folgend sehen Sie die getesteten Themes – je größer die PageSize, desto schlechter:
Raum für Inhalte
Wenn Sie dem empfohlenen PageSize-Budget von Google folgen – wie viel Raum für Ihre Inhalte geben Ihnen die WordPress-Themes? Wir vergleichen hier im optimierten Szenario, also mit aktiviertem NGINX + WP-Rocket.
PageLoad
Die PageSize hat direkte Auswirkungen auf den PageLoad – das betrifft aber vor allem den Weg vom Server zum Client. Danach müssen die Seiten noch im Browser dargestellt werden. Das Laden von Daten und der Aufbau der Seiten geschieht ein Stück weit parallel und kann vom Theme-Entwickler beeinflusst werden. Wichtige Daten sollten zuerst übertragen werden, unwichtige später.
Für unsere Messung haben wir die Load Time von pingdom verwendet – in den PageSpeed-Tests finden Sie aber noch eine genauere Aufschlüsselung – z.B. wann die ersten Inhalte gezeichnet wurden oder ab wann der User mit der Seite interagieren kann.
Requests
Die Anzahl der Anfragen sollte möglichst gering gehalten werden – jede Anfrage erzeugt zusätzliche Last. Je mehr Dateien das Theme einbindet, wie Medien, Styles oder Scripts, desto mehr Anfragen müssen Client und Server bearbeiten.
Ein intelligentes und aufgeräumtes Asset-Loading durch das Theme reduziert effektiv die Anzahl der nötigen Anfragen und erhöht den PageSpeed.
PageSpeed
Der PageSpeed ist ein Messwert, der Ausdruck über die Geschwindigkeit einer Website gibt – hierbei werden zahlreiche Kriterien abgefragt, die es zu erfüllen geht. Der maximal erreichbar Wert ist 100/100.
Der erste Wert steht für die mobile Geschwindigkeit, der zweite für Desktop-Geräte. Da Google die Indexierung auf Mobile-First umgestellt hat, ist der erste Wert für Mobile-Geräte ausschlaggebend für das Ranking im Google-Index.
Google erhöht die Anforderungen laufend – neue Technologien werden geschaffen und irgendwann vorausgesetzt. Warten Sie daher mit der Optimierung nicht – es wird dadurch nicht besser.
Avada
| TEST-SITES | PageSpeed | Pingdom | Pagesize | Pageload | Requests |
|---|---|---|---|---|---|
| Vanilla | 29/73 | 91 | 2,4 MB | 877ms | 12 |
| WP-Rocket | 44/84 | 94 | 2,4 MB | 433 ms | 10 |
| NGINX Optimized | 77/95 | 96 | 0,64 MB | 849 ms | 12 |
| WP-Rocket + NGINX Optimized | 79/96 | 97 | 0,64 MB | 490 ms | 10 |
Ocean WP
| TEST-SITES | PageSpeed | Pingdom | Pagesize | Pageload | Requests |
|---|---|---|---|---|---|
| Vanilla | 63/90 | 84 | 0,71 MB | 489 ms | 19 |
| WP-Rocket | 94/98 | 96 | 0,70 MB | 351 ms | 7 |
| NGINX Optimized | 81/95 | 91 | 0,29 MB | 753 ms | 19 |
| WP-Rocket + NGINX Optimized | 97/98 | 98 | 0,28 MB | 200 ms | 7 |
Twenty Twenty
| TEST-SITES | PageSpeed | Pingdom | Pagesize | Pageload | Requests |
|---|---|---|---|---|---|
| Vanilla | 94/98 | 85 | 0,25 MB | 215 ms | 8 |
| WP-Rocket | 97/100 | 96 | 0,18 MB | 140 ms | 5 |
| NGINX Optimized | 99/100 | 96 | 0,07 MB | 210 ms | 8 |
| WP-Rocket + NGINX Optimized | 100/100 | 98 | 0,06 MB | 134 ms | 5 |
SV100
| Test-Sites | PageSpeed | Pingdom | Pagesize | Pageload | Requests |
|---|---|---|---|---|---|
| Vanilla | 100/100 | 99 | 0,04 MB | 267 ms | 1 |
| WP-Rocket | 100/100 | 97 | 0,02 MB | 114 ms | 3 |
| NGINX Optimized | 100/100 | 100 | 0,01 MB | 275 ms | 1 |
| WP-Rocket + NGINX Optimized | 100/100 | 99 | 0,01 MB | 121 ms | 3 |
Fazit
Sollten für Ihre Website Benutzerfreundlichkeit, SEO oder der Adwords-Quality-Score wichtig sein – entscheiden Sie sich für ein WordPress-Theme, das Sie unterstützt und nicht ausbremst.
Natürlich sind die finalen Werte Ihrer Website auch abhängig von den installierten Plugins, Inhalten und Medien – doch hier können Sie mehr kontrollieren, als das Verhalten Ihres Themes. Das Theme bildet die Grundlage für die Ausgabe Ihrer Website. Suchen Sie nach tatsächlich modularen Themes, die nur das ausliefern, was auch tatsächlich benötigt wird.