In diesem Beitrag versuchen wir 3 Themes in der Ladegeschwindigkeit miteinander zu vergleichen. Dabei vergleichen wir:
- Anzahl Requests
- Größe
- TTFB
- LCP
- Vollständige Ladezeit
- Dom Ladezeit
Wir versuchen so sorgfältig wie nur möglich zu testen, sodass wir ein neutrales Ergebnis präsentieren können. Alle Tests beinhalten den Mittelwert von 3-maligen Abfragen an die Testserver. Uns ist bewusst, dass die Testergebnisse je nach Hoster, Datenbank und Standort unterschiedlich ausfallen können.
Du hast weitere Testideen?
Die Details – Ausgangslage des Speedtests
hosting: all-inkl business
date: 11.12.2022
text length: 1000 wörter lorem ipsum
gallery: 14 pictures
url: https://theme.php-ev.de
ip: 85.13.130.51
favicon: true
http/2: true
wp-core
version: 6.1.1
https_status: true
multisite: false
wp-theme
Twenty Twenty-Three: version: 1.0.0
Astra: version: 3.9.4
GeneratePress: version: 3.2.4
wp-plugins
Astra Pro: version: 3.9.4
GP Premium: version: 2.2.2
WP Rocket: version: 3.12.3.3
wp-server
server_architecture: Linux 5.4.0-128-generic x86_64
httpd_software: Apache
php_version: 8.1.7 64bit
php_sapi: fpm-fcgi
imagick_availability: true
htaccess_extra_rules: false
wp-database
server_version: 10.5.18-MariaDB-1:10.5.18+maria~ubu2004-log
client_version: mysqlnd 8.1.7
wp-constants
WP_MEMORY_LIMIT: 256M
WP_CACHE: false
speedtests
PageSpeed Insights: mobile
GTmetrix: London (UK) + Desktop
Pingdom: Frankfurt (DE)
WebPageTest.org: Frankfurt (DE) + Desktop
Test #1: WP Speedtest ohne Caching
Im ersten Test nutzen wir kein Caching und eine Standard .htaccess Konfiguration.
| Twenty Twenty-Three | Astra Pro | GeneratePress Pro | |
|---|---|---|---|
| Pingdom Requests | 6 | 8 | 7 |
| Pingdom Load Time | 209ms | 241ms | 183ms |
| Pingdom Page Size | 25.5 KB | 53.2 KB | 37.3 KB |
| GTmetrix TTFB | 199ms | 188ms | 176ms |
| GTmetrix LCP | 322ms | 300ms | 296ms |
| GTmetrix Fully Loaded | 380ms | 409ms | 360ms |
| WebPageTest.org domContentLoaded | 0.587s | 0.716s | 0.611s |
bei 7 Messdaten hat GeneratePress 4-malig Topwerte erzielt, dicht gefolgt von Twenty Twenty-Three. Astra Pro hat in keinem der Tests Bestwerte vorweisen können.
Test #2: WordPress Speed Test mit Caching
WP Rocket Caching eingeschaltet mit folgenden Einstellungen:
- CSS minifiziert
- CSS-Darstellung optimiert
- Javascript minifiziert
- LazyLoad für Bilder
- Cache vorladen aktiviert
Nach jedem Theme/Pluginwechsel wurde der Cache geleert und vorgeladen.
Modifizierte .htaccess mit folgendem Code.
| Twenty Twenty-Three | Astra Pro | GeneratePress Pro | |
|---|---|---|---|
| Pingdom Requests | 7 | 9 | 8 |
| Pingdom Load Time | 144ms | 144ms | 142ms |
| Pingdom Page Size | 32.1 KB | 61.5 KB | 44.5 KB |
| GTmetrix TTFB | 107ms | 108ms | 101ms |
| GTmetrix LCP | 220ms | 265ms | 214ms |
| GTmetrix Fully Loaded | 280ms | 347ms | 277ms |
| WebPageTest.org domContentLoaded | 0.582s | 0.636s | 0.682s |
Astra Pro hatte in den oben vorgenommenen WP Rocket Einstellungen ein CLS von 1,017. Die beiden anderen Themes hatten keinerlei CLS-Verschiebungen.
bei 7 Messdaten hat GeneratePress erneut 4-malig Topwerte.
Test #3: WordPress Speed Test mit Caching und Bildergalerie
Die WP Rocket Einstellungen sowie htaccess bleiben soweit gleich. Einzig wechseln wir auf eine Unterseite, in der eine Bildergalerie mit 14 Bildern Below the Fold geladen wird (also nicht im sichtbaren Bereich). Nach jedem Theme/Pluginwechsel wurde der Cache geleert und vorgeladen.
| Twenty Twenty-Three | Astra Pro | GeneratePress Pro | |
|---|---|---|---|
| Pingdom Requests | 22 | 23 | 22 |
| Pingdom Load Time | 267ms | 658ms | 489ms |
| Pingdom Page Size | 2.5 MB | 2.5 MB | 2.5 MB |
| GTmetrix TTFB | 144ms | 104ms | 106ms |
| GTmetrix LCP | 286ms | 265ms | 244ms |
| GTmetrix Fully Loaded | 351ms | 348ms | 316ms |
| WebPageTest.org domContentLoaded | 1.716s | 2.071s | 1.774s |
GeneratePress und das Twenty Twenty-Three Theme performen soweit annähernd gleich. Bemerkenswert ist die Pingdom Load Time bei dem Twenty Twenty-Three Theme. Abschließend fühlten wir uns bestätigt, weiterhin GeneratePress für unsere Child Theme Programmierung zu nutzen.
