8-etapowa lista kontrolna dla szybszej witryny WordPress
Opublikowany: 2019-08-07
Ostatnia aktualizacja - 8 lipca 2021
WordPress to szybki, skalowalny i łatwy w użyciu system zarządzania treścią, ale wszyscy natrafiamy na powolne, niereagujące i frustrujące witryny WordPress. Istnieje wiele przyczyn słabej wydajności, ale prowadzą one do błędnej konfiguracji, słabego hostingu oraz niezoptymalizowanego kodu i zasobów.
Naprawienie powolnej witryny WordPress nie zajmuje pięciu minut, ale nawet osoby nie będące programistami mogą wdrożyć optymalizacje, które mają ogromny wpływ na wydajność. W tym artykule przyjrzymy się ośmiu optymalizacjom, które poprawią wydajność prawie każdej witryny WordPress.
Sprawdź wydajność mobilną na starym urządzeniu
Trudno jest uzyskać realistyczne wyobrażenie o wrażeniach użytkownika zapewnianych przez witrynę WordPress, gdy jej strony są ładowane w przeglądarce działającej na wydajnym laptopie z szybkim łączem szerokopasmowym.
Jest mało prawdopodobne, że każdy odwiedzający ma podobną konfigurację, a nawet jeśli tak, przeciętna witryna ma więcej odwiedzających korzystających z urządzeń mobilnych niż komputerów stacjonarnych. Urządzenia mobilne mogą nie mieć możliwości szybkiego renderowania ciężkich witryn. Sieci komórkowe są podatne na opóźnienia i spowolnienia.
Warto dowiedzieć się, jak Twoja witryna WordPress działa na urządzeniach mobilnych z wolnym połączeniem sieciowym, ponieważ jeśli możesz przyspieszyć działanie tych odwiedzających, będzie ona szybka dla wszystkich.
Przeglądarki, takie jak Google Chrome i Firefox, zawierają funkcję ograniczania wydajności procesora i szybkości sieci w swoich narzędziach programistycznych. Narzędzie Lighthouse w przeglądarce Chrome , które można znaleźć w zakładce Audyt w Narzędziach dla programistów, umożliwia właścicielom witryn zastosowanie kilku opcji ograniczania przepustowości.
Usuń nieużywane wtyczki
Wtyczki niekoniecznie obniżają wydajność WordPressa, ale mogą. Wtyczki WordPress dodają kod, który może być wykonywany podczas ładowania stron. Kod może wysyłać żądania sieciowe, zapytania do bazy danych lub po prostu marnować zasoby przetwarzania, wykonując zadania, które nie mają widocznego wpływu.
Usunięcie nieużywanych lub niepotrzebnych wtyczek nie szkodzi doświadczeniu użytkownika i może zwiększyć wydajność. Spójrz na wtyczki zainstalowane na stronie i dezaktywuj lub usuń te, które nie są potrzebne.
Użyj lekkiego motywu
Motyw witryny WordPress odgrywa znaczącą rolę w jej działaniu. Podobnie jak wtyczki, motywy dodają kod i wysyłają żądania sieciowe. Rozdęte motywy dodają ogromną ilość kodu JavaScript do stron WordPress, z czego większość służyła do obsługi funkcji, które niepotrzebnie zaśmiecają projekt witryny.

Zamiast instalować motyw, który zawiera wszystkie dzwonki i gwizdki, rozważ wybór prostego motywu i dodanie funkcji za pomocą wtyczek, gdy ich potrzebujesz. Storefront to świetna opcja dla sklepu WooCommerce.
Optymalizacja obrazów
Na przeciętnej stronie internetowej największym składnikiem są obrazy. aRozmiar obrazu jest szczególnym problemem na urządzeniach mobilnych, gdzie obrazy są wyświetlane w małych rozmiarach, nawet po pobraniu obrazu w pełnym rozmiarze.
WordPress obsługuje responsywne obrazy; generuje wiele wersji każdego obrazu w różnych rozmiarach i wysyła odpowiedni rozmiar do przeglądarki. Jednak użytkownicy WordPressa mogą zrobić więcej, aby przeglądarki nie traciły czasu i przepustowości na pobieranie zbędnych danych obrazu.
Aparaty osadzają w obrazach duże ilości metadanych. Obrazy pobrane z Unsplash i innych popularnych witryn z bezpłatnymi obrazami również zawierają metadane. Dodatkowe dane są przydatne dla fotografów, ale nie dla przeciętnego użytkownika witryny. Usunięcie metadanych i optymalizacja kompresji obrazu może drastycznie zmniejszyć rozmiar obrazu bez wpływu na jakość obrazu.

Wtyczki WordPress, takie jak Smush Image Compression and Optimization przetwarzają obrazy i zapewniają, że nie są one większe niż to konieczne.

Zainstaluj wtyczkę buforującą
Domyślnym zachowaniem WordPressa jest generowanie stron na żądanie. Oznacza to wykonywanie kodu PHP i tworzenie zapytań do bazy danych, a to wymaga czasu. Buforowanie skraca czas odpowiedzi na zapytania przeglądarki poprzez wysyłanie stron i części stron, które zostały wygenerowane w odpowiedzi na poprzednie żądania.
Większość stron internetowych nie zmienia się szybko. Pozostają takie same dla każdego odwiedzającego, więc nie ma żadnej korzyści z wielokrotnego generowania identycznej strony.
Do wyboru jest kilka wtyczek do buforowania, w tym:
- WP Rocket , wtyczka premium, która ma być łatwa w użyciu.
- WP Total Cache , darmowa wtyczka, która zapewnia precyzyjną kontrolę nad opcjami buforowania, ale jest trudniejsza do opanowania.
- WP Super Cache , popularna wtyczka do buforowania opracowana przez Automattic, firmę założoną przez twórcę WordPressa Matta Mullenwega.
Każda z tych wtyczek może znacznie zwiększyć wydajność witryny WordPress, jednocześnie zmniejszając obciążenie jej konta hostingowego.
Użyj sieci dystrybucji treści
Sieć dystrybucji treści (CDN) pobiera statyczne zasoby witryny i dystrybuuje je na serwery na całym świecie. Gdy przeglądarka żąda tych zasobów, są one udostępniane z najbliższej lokalizacji CDN. Sieci CDN zmniejszają opóźnienia, przyspieszają ładowanie stron i zmniejszają obciążenie serwera.

Najlepsi dostawcy hostingu WordPress uwzględniają przepustowość sieci dystrybucji treści w swoich planach hostingowych, ale możliwe jest również podłączenie witryny WordPress do sieci CDN, takiej jak MaxCDN lub Cloudflare . Wspomniane wcześniej wtyczki do buforowania mają funkcję integracji z CDN.
Minimalizuj osadzanie wideo
Filmy wideo są ważną częścią korzystania z Internetu, ale mają swoją cenę, jeśli chodzi o wydajność. Gdy film jest osadzony, strona pobiera dużą ilość kodu JavaScript i innych zasobów do odtwarzacza oraz dodatkowych funkcji. Film może dodać do megabajta dodatkowych danych, zanim odwiedzający naciśnie przycisk odtwarzania.
Właściciele witryn WordPress powinni starać się zachować równowagę między wydajnością a treścią na stronie. Filmy są często niezbędne, ale jeśli film jest jedynie dekoracyjny lub dodaje niewiele strony, usunięcie go może zapewnić znaczny wzrost prędkości.
Przejdź do lepszego dostawcy usług hostingowych
Serwer, na którym znajduje się witryna WordPress, ma największy wpływ na jej wydajność. Firma hostingowa zapewnia moc obliczeniową, pamięć masową i pamięć, których WordPress potrzebuje do generowania stron. Dostawca hostingu jest również odpowiedzialny za zapewnienie połączenia sieciowego witryny.
Zbyt mała ilość zasobów i źle zarządzana sieć mogą pokonać każdą optymalizację wydajności i są w dużej mierze poza kontrolą właścicieli witryn. Hostowanie witryny WordPress o małym ruchu nie jest trudne, dlatego tak wielu dostawców hostingu oferuje tani hosting WordPress. Wpychają jak najwięcej witryn na swoje serwery, pobierają prawie nic i mają nadzieję, że żadna witryna nie używa więcej niż jej niewielka część.
Gdy witryna przyciąga więcej niż garstkę odwiedzających każdego dnia, ten rodzaj taniego hostingu szybko przekracza swoje ograniczenia. Rozwiązaniem jest migracja z hostingu współdzielonego do hostingu w chmurze lub hostingu wirtualnego serwera prywatnego, który zapewnia gwarantowane zasoby i większą kontrolę nad podstawową infrastrukturą.
WordPress to szybki i wydajny system zarządzania treścią. Powolna witryna WordPress jest zwykle spowodowana nieodpowiednim hostingiem, słabą konfiguracją lub zbyt dużymi wymaganiami dotyczącymi przepustowości.
Każdy właściciel witryny WordPress, który wypełni tę 8-elementową listę kontrolną, rozwiąże większość problemów z wydajnością WordPress i zostanie nagrodzony szybszą witryną i lepszym komfortem użytkowania.