6 kroków do przyspieszenia witryny WordPress
Wszyscy wiedzą, że szybkość witryny odgrywa ważną rolę w sukcesie witryny. Im szybciej Twoja witryna ładuje się, tym więcej użytkowników angażuje się w Twoje treści. W tym artykule przedstawiamy 6 kroków do przyspieszenia witryny WordPress.
Standardowy czas ładowania witryny to mniej niż 2 sekundy. Jeśli Twoja witryna ładuje się dłużej niż 2 sekundy, robisz coś nie tak.
Dostępnych jest kilka narzędzi online do sprawdzania szybkości Twojej witryny, takich jak pingdom itp. Zalecam jednak sprawdzenie swojej witryny w Google Page Insights. Z mojego doświadczenia to narzędzie daje lepszy wynik. Google Page Insights pokazuje czynniki rozpraszające, które powodują powolne wczytywanie witryny.
Zobaczmy krok po kroku, jak poprawić wydajność i szybkość witryny. Poniżej znajduje się zrzut ekranu z wynikiem mojej witryny w Google Page Insight.
Krok 1- Dołącz CSS i JS w standardowy sposób
Czy zauważyłeś kiedyś komunikat Renderuj blokujący kod JavaScript i CSS w treści strony widocznej na ekranie? Jeśli nie włączyłeś CSS i JS w standardowy sposób, może to spowolnić działanie witryny. Z reguły CSS powinien zawierać się w nagłówku, a JS w stopce. Powinieneś zadbać o to, aby Twoja witryna była zgodna z tą standardową praktyką.
Krok 2- Optymalizacja obrazów przed użyciem
Obrazy odgrywają ważną rolę w poprawie doświadczenia użytkownika. Przyciągające wzrok obrazy utrzymują zainteresowanie użytkowników treścią. Ale użycie ciężkich obrazów prawie zabija szybkość Twojej witryny. Na przykład, załadowałeś obraz o rozmiarze 2 MB na stronie, a następnie podczas ładowania strony te 2 MB zajmuje dodatkowy czas, aby załadować obraz przed przedstawieniem strony odbiorcom.
Oto koncepcja optymalizacji obrazów przed użyciem. Dostępnych jest kilka wtyczek, które wykonują to zadanie kompresowania obrazów z biblioteki multimediów. Niektóre popularne wtyczki są
- Kompresuj obrazy JPEG i PNG ByTinyPNG
- Optymalizator obrazu ShortPixel
- Kompresja i optymalizacja obrazu Smush
- Optymalizator obrazu EWWW
Wszystkie te wtyczki działają dobrze. Polecam skorzystać z wtyczki TinyPNG. Używam tej wtyczki na mojej stronie i jestem z niej całkiem zadowolony.
W niektórych przypadkach musimy wyświetlać obrazy poza biblioteką multimediów. Tworzymy niestandardowy katalog i wgrywamy do niego obrazy, a następnie wykorzystujemy te obrazy na stronie internetowej. Napisałem artykuły na temat Optimize Image On Upload i TinyPNG Compress Images. Zapoznaj się z tym artykułem, jeśli nie korzystasz z biblioteki multimediów dla obrazów.
Wskazówka: przytnij obrazy o rozmiarze, który chcesz wyświetlić. Załóżmy, że masz pojemnik o rozmiarze 300*250. W takim przypadku należy przyciąć obraz zgodnie z rozmiarem kontenera. Nie używaj obrazu o większym rozmiarze w małym pojemniku. Ma to również wpływ na wydajność witryny.
Krok 3 – leniwe ładowanie obrazów
Lazy Load Images pomaga przyspieszyć działanie Twojej witryny. Korzystając z wtyczki Lazy Load, Twoje obrazy nie ładują się, dopóki użytkownik do nich nie przewinie. Pomaga zmniejszyć rozmiar strony w momencie ładowania.
Jeśli chcesz zaimplementować leniwe ładowanie obrazów bez użycia wtyczki, przeczytaj nasz artykuł na temat poprawy wydajności witryny przez leniwe ładowanie obrazów.
Krok 4- Optymalizacja bazy danych
O ile rozmiar Twojej bazy danych jest mały, Twój serwer szybko reaguje na żądania bazy danych pochodzące ze strony internetowej. Gdy baza danych zacznie się powiększać, serwer potrzebuje więcej czasu na odpowiedź.
W WordPressie w miarę upływu czasu kilka osieroconych danych przechowywanych w Twojej bazie danych. Na przykład, gdy aktualizujesz post lub stronę, za każdym razem WordPress przechowuje wersję w bazie danych. Wolałbym zachować tylko 3 ostatnie poprawki, które są w zupełności wystarczające. Aby zachować poprawki do 3 razy, musisz umieścić poniższy kod w pliku wp-config.php.
define('WP_POST_REVISIONS', 3);Powyższy kod ogranicza liczbę poprawek. Istnieje kilka innych tabel, które również powinny zostać zoptymalizowane. Polecam używać wtyczek WP-DBManager lub WP-Sweep do optymalizacji bazy danych.
Krok 5- Wykorzystanie pamięci podręcznej
Podziękowania dla inżynierów, którzy wprowadzili koncepcję pamięci podręcznej przeglądarki. Gdy użytkownik odwiedza Twoją witrynę, przeglądarka użytkownika przechowuje Twoją stronę w tymczasowej lokalizacji przechowywania przeglądarki. Gdy użytkownik odwiedza witrynę następnym razem, przeglądarka wyświetla użytkownikom stronę z ostatnio przechowywanej pamięci podręcznej, zamiast ponownie wczytywać całą stronę. Zmniejsza to wykorzystanie przepustowości zarówno po stronie użytkownika, jak i serwera. Korzystanie z pamięci podręcznej dla Twojej witryny znacznie przyspieszyło witrynę WordPress. Niektóre z popularnych wtyczek pamięci podręcznej są następujące.
Krok 6 – Wykorzystaj buforowanie przeglądarki
Gdy korzystasz z pamięci podręcznej przeglądarki, pliki Twojej strony internetowej będą przechowywane w pamięci podręcznej przeglądarki. Twoje strony ładują się znacznie szybciej dla stałych użytkowników. Dodaj następujący kod do pliku htaccess swojej witryny, a umożliwi to buforowanie przeglądarki.
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>Uwaga: w WordPressie niektóre wtyczki korzystają z zasobów zewnętrznych. Nie możemy ustawić nagłówków wygaśnięcia w tych zasobach zewnętrznych. Jednym ze sposobów jest przechowywanie tych plików zewnętrznych na serwerze, a następnie umieszczanie ich w witrynie.
Mam nadzieję, że rozumiesz, jak przyspieszyć witrynę WordPress. Jeśli coś przegapiłem lub używasz innych technik, podziel się nimi w komentarzach poniżej.