Zastanawialiście się kiedyś jak wydajność „gołego” WordPress cierpi po instalacji kilku wtyczek i motywu Divi? Czy mówimy tu o kilku, kilkunastu a może kilkuset procentach różnicy?
Dzisiejsze hostingi (nawet te współdzielone) dzielnie znoszą systemy zasobożerne CMS. Coraz szybszy PHP, coraz mocniejsze procesory, coraz większe limity pamięci – wszystko to pozwala nam nie przejmować się tak bardzo tym co instalujemy. O ile spełnia nasze potrzeby – jest super. Czy aby na pewno?
Dziś instalowałem nową stronę opartą o WordPress. Ponieważ robiłem to na nowym hostingu nagrywałem sobie cały proces aby potem przygotować z niego wpis w postaci poradnika. Coś mnie podkusiło i sprawdziłem jaki wynik pokaże mi GTMetrix i Apache Bench na czystym, świeżo zainstalowanym systemie. Potem zamierzałem zainstalować kilka wtyczek i motyw i testy ponowić. Wynik był oczywisty, ale zastanawiałem się jaka będzie skala spowolnienia strony po instalacji motywu i wtyczek.
Spis treści
Testy w GTMetrix
Wynik GTMetrix dla świeżo zainstalowanej strony (puściłem dwukrotnie, żeby zmniejszyć ryzyko trafienia na jakiś wyjątkowo dobry moment) nawet mnie troszkę zaskoczył. Fakt, motyw 2021 jest naprawdę lekki, ale nie sądziłem, że aż tak:
Strona załadowała się poniżej sekundy i „ważyła” jedynie 45,7kB. Zobaczmy jak będzie to wyglądać po „zamontowaniu” jakiejś realnej strony głównej?
Po instalacji kilku podstawowych wtyczek, motywu Divi i stworzeniu z jego gotowych układów strony z tego szablonu wynik zmienił się dość drastyczne. Trzykrotnie dłuższe ładowanie strony i znaczne ilości css/js (nie mówiąc o obrazkach) ładowane do przeglądarek odwiedzających:
Wyniki nieco się poprawiły po instalacji wtyczki podmieniającej grafikę na format WebP (autorstwa Mateusza). Transfer jaki pochłonęły obrazki zmalały o około połowę, strona załadowała się w 2 sekundy. Całkiem niedawno testowałem WebP na innych stronach i tam efekty były również bardzo zadowalające. Dziś po raz kolejny utwierdziłem się w przekonaniu, że WebP jest niezłym sposobem na odchudzanie naszych stron. Nadal mamy jednak całkiem spory narzut wprowadzony przez Divi i wtyczki.
Testy z pomocą Apache Bench
Aby udowodnić, że GTMetrix nie trafił na wyjątkowo zły/dobry moment serwera i wyniki są powtarzalne, wykorzystałem jeszcze Apache Bench. Wygenerowałem 1000 zapytań a współczynnik c ustawiłem na 10 aby zasymulować dziesięć jednoczesnych połączeń.
ab -n 1000 -c 10 https://zlotaraczka24.eu/Poniżej wyniki pokazujące jak bardzo „ubrany” WordPress zostaje w tyle za „golasem”.
Czysty WP
Server Software: Apache
Server Hostname: xxx.eu
Server Port: 443
SSL/TLS Protocol: TLSv1.2,ECDHE-RSA-AES256-GCM-SHA384,2048,256
Server Temp Key: X25519 253 bits
TLS Server Name: xxx.eu
Document Path: /
Document Length: 8456 bytes
Concurrency Level: 10
Time taken for tests: 16.702 seconds
Complete requests: 1000
Failed requests: 0
Total transferred: 8705000 bytes
HTML transferred: 8456000 bytes
Requests per second: 59.87 #/sec
Time per request: 167.019 ms
Time per request: 16.702 [ms] (mean, across all concurrent requests)
Transfer rate: 508.98 [Kbytes/sec] received
Percentage of the requests served within a certain time (ms)
50% 162
66% 168
75% 172
80% 175
90% 182
95% 188
98% 195
99% 219
100% 418 (longest request)
WP + strona główna Divi + kilka wtyczek
Server Software: Apache
Server Hostname: xxx.eu
Server Port: 443
SSL/TLS Protocol: TLSv1.2,ECDHE-RSA-AES256-GCM-SHA384,2048,256
Server Temp Key: X25519 253 bits
TLS Server Name: xxx.eu
Document Path: /
Document Length: 40890 bytes
Concurrency Level: 10
Time taken for tests: 69.908 seconds
Complete requests: 1000
Failed requests: 0
Total transferred: 41275000 bytes
HTML transferred: 40890000 bytes
Requests per second: 14.30 #/sec
Time per request: 699.081 ms
Time per request: 69.908 [ms] (mean, across all concurrent requests)
Transfer rate: 576.58 [Kbytes/sec] received
Percentage of the requests served within a certain time (ms)
50% 680
66% 693
75% 703
80% 710
90% 730
95% 748
98% 792
99% 944
100% 1855 (longest request)
Podsumowanie
Właściwie nie ma żadnego zaskoczenia. Było jasne, że Worpdress świeżo po instalacji będzie znacznie szybszy i lżejszy od takiego, na którym mamy już jakiś motyw, wtyczki i układ strony głównej z kilkoma grafikami. Jednak wpis ten ma na celu pokazanie jak duża jest to różnica. Dodatkowo – budując stronę warto co pewien czas zapuścić GTMetrix lub podobne narzędzie i sprawdzić, czy aby nie zrobiliśmy sobie (i klientowi) jakiejś krzywdy.
