Studium przypadku – optymalizacja bloga

1923.ro to strona fanów poświęcona klubowi piłkarskiemu Rapid Bucharest. Można tu znaleźć aktualności i aktualizacje dotyczące zespołu, wywiady z niektórymi zawodnikami, a także dokonać zakupu stworzone przez fanów koszulki.

Dragos (właściciel witryny) zdecydował się na nasze rozwiązanie hostingowe, aby sprawdzić, czy uda nam się rozwiązać niektóre problemy, które miał z tym blogiem, a mianowicie pojawienie się białego ekranu, tzw. WSOD (biały ekran śmierci), który pojawia się dość często, gdy za pomocą WordPressa.

Biały ekran śmierci WordPressa może wynikać z kilku rzeczy:

• WordPress osiąga limit pamięci przydzielonej dla a PHP scenariusz
• źle napisana wtyczka lub motyw
• problem z ustawieniami serwera
• niechciane znaki w motywiefunctions.php lub wp-config.php

Zobaczmy, jak pomogliśmy naszym piłkarskim przyjaciołom mieć bezbłędny i szybszy blog WordPress.

Zanim

Przed przeniesieniem na nasze serwery blog ładował się średnio w 3,6 sekundy, miał 108 żądań, a rozmiar strony wynosił około 3800 KB, z czego 3404,5 KB stanowiły zdjęcia.

Dało Google Page Speed ​​Insights jakiś Wynik 80/100 z przedstawionymi następującymi zaleceniami:

• optymalizować obrazy
• usuń blokujący renderowanie JavaScript i CSS w treści widocznej na ekranie
• skraca czas odpowiedzi serwera do poniżej 200 ms

Było jasne, że głównym problemem są zdjęcia, ale serwer, na którym znajdował się blog, nie był najlepszy.

Optymalizacja bloga

Szukaliśmy zdjęć o bardzo wysokiej rozdzielczości, zmienialiśmy ich rozmiar i korzystaliśmy z wtyczki Smushit, aby zoptymalizować wszystkie zdjęcia na stronie.

Wdrożyliśmy Lazy Load – wtyczkę WordPress, która stopniowo ładuje obrazy, które wyświetlają się tylko podczas przewijania przez użytkownika.

Teraz zamiast ładować 3MB zdjęć, to tylko około 780K.

Wdrożyliśmy połączenie pamięci podręcznej stron i pamięci podręcznej baz danych, aby WordPress działał mniej, zużywał mniej zasobów, szybciej wyświetlał strony i był w stanie utrzymać większy ruch.

Po

Po optymalizacji obrazów, ustawieniu leniwego ładowania i implementacji pamięci podręcznej poprawiliśmy prędkość ładowania bloga do 1,4 sekundy z 3,60 sekundy na początku.

Nowy test Google PageSpeed ​​Insights pokazuje wynik 92/100.

Inne zalecenia

Wyświetlaj fragmenty i miniatury zamiast całych postów na stronach archiwum.

To spowodowałoby mniejsze strony (wg KB).

Kolejny problem związany jest z wtyczką Facebooka, czyli wtyczką, która dodaje do witryny pewne funkcje społecznościowe i która ma negatywny wpływ – 90,6% szybkości ładowania witryny.

Uważamy, że ta wtyczka generowała błędy, ale niestety prawie wszystkie przetestowane przez nas wtyczki dodające komentarze na Facebooku miały negatywny wpływ na wydajność (niektóre mniej, niektóre bardziej).

Z naszego osobistego doświadczenia z wtyczkami komentarzy wynika, że ​​najlepiej trzymać się domyślnych komentarzy WordPressa – może nie wygląda to świetnie, ale przynajmniej nie sabotuje Twojej witryny.

Należy przeprowadzić bardziej dogłębną optymalizację, na przykład usunąć blokujący renderowanie JavaScript i CSS z treści widocznej na ekranie. Jeśli zbudujesz swoją witrynę internetową w sposób minimalistyczny i nie będziesz jej rozdmuchiwać, nie zrobi to dużej różnicy, ale w niektórych przypadkach może warto poświęcić czas na wdrożenie.

To tyle. Jeśli potrzebujesz audytu wydajności i optymalizacji, skontaktuj się z nami.