Bookuria.info to strona przeznaczona dla miłośników książek, gdzie można znaleźć aktualności, artykuły redakcyjne na scenie kulturalnej oraz świeże promocje i rabaty od wydawców książek.
Bogdan, właściciel, wybrał nas, aby sprawdzić, czy możemy przyspieszyć jego stronę, co było głównym powodem niezadowolenia ze starego hosta.
Zobaczmy, co zrobiliśmy!
Audyt wydajności
Wcześniej strona ładowała się średnio 4,78 sekundy, rozmiar strony wynosił 2,5 MB, a liczba żądań wynosiła 125.
Wśród elementów strony:
- 37 JS – 627,6 K
- 17 CSS – 109,1 tys
- 14 obrazów css – 151 tys
- 31 obrazów – 1640,5 tys
Wynik Google PageSpeed Insights wyniósł 73/100, a głównymi rekomendacjami były:
- skraca czas odpowiedzi serwera (obecnie 1,5 s)
- optymalizować obrazy
Test wydajności wtyczek zainstalowanych i włączonych na stronie pokazuje, że wtyczka Simple Share Buttons Adder ma negatywny wpływ na prędkość ładowania:
- wpływ wtyczki: 74,4%
- czas ładowania wtyczki: 2,160 sek
Po wyłączeniu tej wtyczki i ponownym przetestowaniu liczby wyglądają znacznie lepiej:
- wpływ wtyczki: 30,8%
- czas ładowania wtyczki: 0,320 sek
Kolejnym czynnikiem negatywnie wpływającym na wydajność witryny jest zastosowany motyw. Czas potrzebny na załadowanie motywu wynosi 1,22 sekundy w porównaniu do 0,32 sekundy potrzebnego na załadowanie wtyczek.
Motyw ma problem, który jest bardzo powszechny w premium motywach WordPress – próbuje zaoferować zbyt wiele opcji, przez co ładuje dużą liczbę plików JS i CSS.
Większość opcji nie jest używana w „prawdziwym życiu”, przez co spada wydajność witryny.
Motyw ładuje 34 pliki JS, a wiele z nich jest bezużytecznych.
Istnieją 3 pliki JS Map Google o łącznej wielkości 199,6 KB i nigdy nie widzieliśmy, aby były używane gdziekolwiek w witrynie. Nawet gdybyśmy chcieli umieścić mapę gdzieś, gdzie da się to zrobić za pomocą iframe, nie potrzebujemy aż tak wielu plików JS.
Istnieje kilka plików JS do ładowania czcionek Google (39,1 KB), co jest bardzo nieefektywną metodą, biblioteka czcionek Google ma 0,3 KB i ładuje się dość szybko.
Istnieją pliki JS, które nic dla nas nie robią: na przykład Zakreślacz składni, bezużyteczny w tej konkretnej witrynie.
Motyw współpracuje z timthumb.php do tworzenia miniatur. WordPress wie, jak tworzyć miniatury, nie potrzebujesz innego skryptu PHP, aby zrobił to za Ciebie.
Innym problemem związanym z timthumb.php jest to, że łamie Lazy Load i cierpi na tym prędkość ładowania strony.
Optymalizacja wykonana
- zoptymalizowane obrazy
- zastąpiłem wtyczki z problemami z innymi wtyczkami, które zapewniają podobną funkcjonalność, ale są lżejsze
- wyeliminowano zbędne i nieaktywne wtyczki
- zidentyfikowaliśmy linie tematyczne kodu ładujące bezużyteczne pliki JS i usunęliśmy je
- zaimplementowano pamięć podręczną strony + pamięć podręczną bazy danych
- zaktualizowałem WordPressa do najnowszej wersji
- zaktualizowałem wszystkie aktywne wtyczki do najnowszych wersji.
Wyniki
Nowy test przeprowadzony za pomocą Pingdom Tools pokazuje średnią prędkość 2,72 sekundy, co oznacza znaczną poprawę w porównaniu z 4,78 sekundy.
PageSpeed Insights daje nam wynik 85/100, co stanowi niezłą poprawę w stosunku do początkowego wyniku 73/100.
Liczba plików JS spadła do 21, łącznie 334,4 tys. w porównaniu do początkowych 37, łącznie 627,6 tys.
Niestety motyw WordPress dość mocno obciąża witrynę. Bez względu na to, jak optymalizujemy i jak szybki jest serwer, odwiedzający i tak muszą pobrać 2 MB informacji, ponieważ Lazy Load nie działa z powodu timthumb.
Główną rekomendacją jest zastąpienie motywu takim, który nie ładuje tak wielu plików JS i nie używa timthumb.php.
Może to skrócić średni czas ładowania witryny do około 1-1,5 sekundy.
Zostaw odpowiedź