10 najlepszych sposobów na przyspieszenie witryny WordPress

Odkąd Google ogłosił wprowadzenie szybkości strony jako jednego z mierników określających ranking SEO, właściciele witryn uznali za jeden z najważniejszych priorytetów szybkie ładowanie swoich witryn.

Czasy wczytywania strony wpływają również na to, czy użytkownicy opuszczają stronę przed całkowitym załadowaniem strony. W przypadku wolno ładującej się witryny internetowej możesz stracić znaczną część ruchu i konwersji.

W tym przewodniku omówimy listę działań, które możesz podjąć, aby przyspieszyć swoją witrynę WordPress.

Dlaczego szybkość strony jest ważna?

Są dwa główne powody, dla których szybkość strony ma znaczenie dla właściciela witryny.

Po pierwsze, szybkość strony wpływa na twoje rankingi SEO. Jeśli istnieją dwie witryny, które są porównywalne we wszystkich innych aspektach SEO, wyszukiwarki karzą wolniejszą witrynę. Nie jest jasne, jaka kara jest nakładana przez algorytmy rankingu stron, jednak dobrym pomysłem jest zoptymalizowanie każdego aspektu witryny pod kątem szybkości.

Po drugie, użytkownicy online mają stosunkowo krótki czas skupienia uwagi. O ile ktoś naprawdę nie chce sprawdzić Twoich treści, szanse, że użytkownik po prostu opuści Twoją witrynę, zanim się załaduje, rosną z każdą mijającą sekundą. Mogą również porzucić koszyki, jeśli późniejszy proces płatności jest powolny — na przykład badanie przeprowadzone przez Pingdom wykazało, że 38% odwiedzających opuściło witryny, których załadowanie trwało co najmniej pięć sekund.

Podsumowując, krótsze czasy ładowania strony pomagają uzyskać lepsze rankingi w wyszukiwarkach i generować więcej wyświetleń strony i konwersji. Ponadto prowadzi to do lepszego doświadczenia użytkownika.

Przyjrzyjmy się teraz niektórym narzędziom, których możesz użyć do pomiaru czasu wczytywania strony.

Jak zmierzyć szybkość strony?

Zanim zapoznasz się z różnymi technikami przyspieszania witryny, powinieneś najpierw zrobić krok wstecz i ocenić obecną sytuację. Pomoże Ci to zrozumieć, ile potrzebujesz, aby zoptymalizować swoją witrynę.

Testowanie witryny przed optymalizacją zapewnia również punkt odniesienia do porównania przyszłych wyników testów. Zobaczmy teraz kilka narzędzi testowych, które pomogą Ci ocenić Twoją witrynę w zależności od Twoich potrzeb, budżetu i technologii.

GTmetrix

GTmetrix to bezpłatne, internetowe narzędzie do oceny wydajności Twojej witryny WordPress. Po prostu przejdź do strony głównej GTmetrix i wprowadź adres URL, aby przetestować witrynę. W wersji darmowej nie można ustawić regionu serwera testowego i ustawień przeglądarki, jednak wersja płatna zapewnia większą kontrolę i możliwość przechowywania historii.

GTmetrix zwraca trzy kluczowe metryki:

• czas ładowania strony
• całkowity rozmiar strony
• łączna liczba żądań HTTP

W tym przewodniku przyjrzymy się, jak zoptymalizować wszystkie te wskaźniki.

Statystyki PageSpeed

PageSpeed ​​Insights to bezpłatne narzędzie internetowe opracowane przez Google Developers, które umożliwia ocenę wydajności witryny. Wystarczy wpisać swój adres URL, aby rozpocząć testowanie.

Kluczową ofertą PageSpeed ​​Insights jest koncentracja na urządzeniach mobilnych. Strona internetowa może zachowywać się znacząco inaczej na urządzeniu mobilnym niż na komputerze stacjonarnym. Chociaż nie możesz kontrolować, na którym urządzeniu przeprowadzany jest test, test porównawczy dostarczony przez to narzędzie pomaga w ogólnej optymalizacji.

Test strony internetowej

WebPageTest to bezpłatne narzędzie typu open source do testowania wydajności Twojej witryny. Daje znacznie większą kontrolę nad środowiskiem testowym.

Możesz nie tylko decydować o urządzeniu i lokalizacji, z której przeprowadzany jest test, ale także tworzyć testy krok po kroku, aby wygenerować niestandardowe dane dla swojej witryny.

Teraz, gdy pokrótce omówiliśmy narzędzia, które mogą pomóc Ci określić, jak szybka jest Twoja witryna, zobaczmy, jak możesz przyspieszyć swoją witrynę WordPress.

1. Wybierz szybkiego hosta internetowego

Gdy użytkownik trafia na stronę w Twojej witrynie, jego przeglądarka wysyła do Twojego serwera żądanie wyświetlenia tej strony. Czas potrzebny serwerowi na odpowiedź silnie wpływa na to, jak długo muszą czekać. Niezależnie od wydajności Twojej witryny, wydajność serwera WWW w sposób krytyczny decyduje o tym, jak szybko zostanie obsłużone żądanie odwiedzającego.

Przed wyborem hosta należy najpierw wybrać rodzaj hostingu, którego szukasz. Czy jesteś zadowolony ze stosunkowo niskiej wydajności współdzielonego hosta, czy potrzebujesz dedykowanego i wyspecjalizowanego hostingu WordPress? Wybór jest zazwyczaj kompromisem między kosztem a szybkością.

Oto nasz kompletny przewodnik po wyborze najszybszego hosta dla WordPressa. Krótko mówiąc, polecam SiteGround, jeśli szukasz niedrogiego, ale niezawodnego rozwiązania. Jeśli chcesz, aby najlepsza wydajność i budżet nie były problemem, powinieneś wypróbować zarządzany hosting WordPress firmy Kinsta.

2. Użyj lekkiego, elastycznego motywu

Motyw, który wybierzesz dla swojej witryny WordPress, znacząco wpływa na szybkość strony. Ponieważ większość właścicieli witryn nie zmodyfikowałaby motywu WordPress pod kątem wydajności, ważne jest, aby wybrać motyw, który jest wydajny i szybko się ładuje.

Ogólną zasadą jest wybór lekkiego motywu z minimalnymi funkcjami, w zależności od Twoich wymagań. Możesz rozważyć naszą kolekcję najszybszych motywów WordPress, aby rozpocząć swoje polowanie.

Nie możesz podjąć decyzji? Następnie polecam sprawdzić Sydney, nasz darmowy, lekki motyw WordPress, który łączy nowoczesne elementy projektu z mnóstwem opcji dostosowywania.

3. Mądrze używaj wtyczek

Rozwój WordPressa można przypisać społeczności, która opracowuje i utrzymuje wtyczki. Wtyczki rozszerzają funkcjonalność WordPressa, czyniąc go zdolnym do znacznie więcej. Chociaż znajdziesz wtyczkę do każdego zadania, które możesz sobie wyobrazić, dobrym pomysłem jest selektywne używanie tylko tych wtyczek, których absolutnie potrzebujesz do działania swojej witryny.

Każda wtyczka zwiększa złożoność witryny WordPress, więc dobrą praktyką jest okresowe audytowanie witryny w celu oceny każdej wtyczki. Upewnij się, że dezaktywujesz lub usuniesz wszystkie niepotrzebne wtyczki.

Powinieneś również sprawdzić, czy wtyczki nie kolidują ze sobą lub z Twoim motywem. Funkcja kondycji witryny wtyczki Health Check and Troubleshooting WordPress może pomóc w sprawdzeniu potencjalnych konfliktów między wtyczkami.

4. Zoptymalizuj swoją bazę danych WordPress

Twoja aplikacja WordPress łączy się z bazą danych, która przechowuje w tle wszystkie dane związane z witryną. Baza danych zasadniczo przechowuje całą zawartość Twojej witryny, w tym między innymi posty, strony, rejestracje użytkowników, komentarze i ustawienia.

Kiedy ktoś odwiedza Twoją witrynę, po prostu pobiera dane z bazy danych, aby wyświetlić stronę lub post. Jednak działanie użytkownika, takie jak komentarz, głos za lub zakup, prowadzi do generowania danych. WordPress automatycznie zapisuje również poprawki, które wprowadzasz do swoich postów.

Czas odpowiedzi na żądanie między bazą danych a witryną WordPress może wydłużyć się z dwóch powodów. Po pierwsze, wraz ze wzrostem rozmiaru bazy danych wykonanie tych zapytań zajmuje więcej czasu. Po drugie, cykle wprowadzania i usuwania danych mogą powodować fragmentację bazy danych, więc różne części bazy danych mogą być przechowywane w różnych lokalizacjach w systemie plików.

Dlatego sensowne jest utrzymywanie szczupłej bazy danych poprzez usuwanie niechcianych danych, takich jak spam i niezatwierdzone komentarze, poprawki postów i posty w koszu. WP Optimize to wtyczka, która pozwala zoptymalizować bazę danych WordPress poprzez usunięcie starych, zbędnych danych i defragmentację bazy danych.

5. Użyj CDN do dostarczania zasobów

Sieć dostarczania treści (CDN) składa się z grupy serwerów rozmieszczonych w strategicznych lokalizacjach na całym świecie. Opiera się na założeniu, że czas pobierania zasobu zależy od fizycznej odległości między klientem a serwerem.

Szybka analiza przeprowadzona przez archiwum HTTP ujawnia, że ​​strona w typowej witrynie WordPress w 2020 roku waży około 2,3 MB. Znaczną część tej wagi stanowią obrazy (1,2 MB), czcionki i arkusze stylów (280 KB) oraz skrypty (470 KB). ).

Jeśli przechowujesz te zasoby na serwerach CDN na całym świecie, odwiedzający z dowolnej części globu może potencjalnie załadować je z najbliższego serwera, skracając czas ładowania strony internetowej. Polecam wypróbowanie KeyCDN, opłacalnego rozwiązania CDN dla właścicieli witryn.

6. Przygotuj swoje obrazy do internetu

Chociaż omówiliśmy wykorzystanie CDN do optymalizacji dostarczania kluczowych zasobów do klienta, poświęćmy chwilę na optymalizację zasobów. Obrazy stanowią prawie połowę ładunku i często służą jako krytyczne elementy projektu strony internetowej. Dlatego dobrym pomysłem jest przestrzeganie kilku najlepszych praktyk, aby zoptymalizować obrazy pod kątem wydajności.

Kontrole higieniczne

Po pierwsze, musisz upewnić się, że przesyłasz obrazy w odpowiednim rozmiarze. Na przykład nie ma sensu używać logo tego samego rozmiaru zarówno na stronie O nas, jak i na faviconie. Ponieważ favicon jest znacznie mniejszy, powinieneś zmienić rozmiar swojego logo i przesłać jego mniejszą wersję.

Następnie powinieneś również użyć odpowiedniego typu obrazu. Na przykład obraz JPG jest idealny do zdjęć i innych złożonych obrazów z dużą ilością wariantów kolorystycznych. Z drugiej strony obrazy PNG sprawdzają się dobrze w przypadku grafik, które mają mniej wariantów kolorystycznych, takich jak zrzuty ekranu. Wreszcie, SVG (Scalable Vector Graphic) doskonale sprawdza się w przypadku obrazu składającego się z prostych geometrycznych kształtów, takich jak logo.

Optymalizacja obrazu

Po utworzeniu obrazów do posta upewnij się, że je zoptymalizowałeś. Optymalizacja obrazu zasadniczo oznacza kompresję obrazów w celu dostosowania ich do sieci. Możesz zoptymalizować je lokalnie lub użyć w tym celu wtyczki.

Jeśli potrzebujesz wtyczki WordPress, która zajmie się wszystkimi przesłanymi obrazami, możesz użyć Imagify, wtyczki freemium WordPress, która optymalizuje Twoje obrazy w czasie rzeczywistym. A jeśli chcesz użyć aplikacji komputerowej do optymalizacji obrazów przed ich przesłaniem, możesz wypróbować ImageOptim.

Możesz również sprawdzić nasze zestawienie najlepszych wtyczek do optymalizacji obrazu WordPress.

Leniwe ładowanie obrazów

Lazy loading to proces pobierania pełnej wersji obrazu tylko wtedy, gdy wchodzi on do widoku przeglądarki, gdy przeglądarka przewija stronę w dół. Ta technika optymalizacji obrazu pozwala zaoszczędzić cenną przepustowość zarówno dla właściciela witryny, jak i osoby przeglądającej. Ponadto skraca czas ładowania strony, opóźniając pobieranie znacznej części ładunku.

Chociaż istnieją wtyczki, które umożliwiają leniwe ładowanie, warto zauważyć, że WordPress rozważa również dodanie go jako podstawowej funkcji.

7. Wydajnie zarządzaj plikami statycznymi

Oprócz obrazów znaczną część ładunku strony internetowej stanowią arkusze stylów i skrypty. Zobaczmy więc teraz, jak możesz wydajnie wyświetlać te statyczne pliki swoim widzom.

Po pierwsze, możesz zminimalizować swoje arkusze stylów i skrypty, aby zmniejszyć rozmiar zasobów. Proces minifikacji polega na usunięciu tych części pliku, które nie są wymagane do wykonania. Należą do nich spacje, komentarze i nieużywany kod.

Możesz zminimalizować swoje zasoby ręcznie za pomocą usługi, takiej jak Minifier. Jednak w przypadku witryny WordPress zaoszczędziłoby to czasu, korzystając z wtyczki minifikacji, takiej jak WP Super Minify, aby zminimalizować wszystkie zasoby w witrynie za jednym razem.

Następnie możesz asynchronicznie załadować niektóre arkusze stylów i skrypty. Jeśli to zrobisz, ładowanie nieistotnych zasobów nie zatrzyma renderowania strony. Oto samouczek, w jaki sposób można odroczyć parsowanie JavaScript w WordPress.

Na koniec możesz włączyć kompresję GZIP, aby jeszcze bardziej skompresować swoje zasoby. Kompresja GZIP to technika polegająca na wysyłaniu przez serwer skompresowanych plików do przeglądarki, które są rozpakowywane po zakończeniu pobierania. Kompresja GZIP jest również powszechną cechą wtyczek buforujących (omówionych poniżej).

8. Zoptymalizuj żądania HTTP

Chociaż dużo rozmawialiśmy o ładunku, powinniśmy również omówić sposób, w jaki wysyłamy je do klienta. Być może zauważyłeś, że wiele problemów zgłaszanych przez narzędzia oceny wydajności jest związanych z żądaniami HTTP. Typowe wskaźniki obejmują liczbę żądań HTTP na Twojej stronie internetowej, liczbę z nich związanych z przekierowaniami oraz liczbę wyszukiwań DNS, które przeglądarka musi wykonać, aby pobrać wszystkie zasoby.

Jednym prostym sposobem na zmniejszenie liczby żądań HTTP jest połączenie podobnych plików. Na przykład powinieneś mieć jeden arkusz stylów CSS dla swojej witryny. Wszystkie niestandardowe skrypty również powinny być połączone w jeden plik. Wraz ze spadkiem liczby żądań HTTP zmniejsza się również czas ładowania strony. Jeśli korzystasz z wtyczki minifikatora, wybierz taką, która zadba o łączenie podobnych plików.

Aby zoptymalizować żądania HTTP, możesz również zminimalizować liczbę wyszukiwań DNS. Za każdym razem, gdy przeglądarka napotka zasób hostowany w nowej nazwie domeny, musi przeprowadzić wyszukiwanie DNS, aby uzyskać odpowiedni adres IP. Jeśli przechowujesz swoje zasoby w jednej domenie, możesz ograniczyć wyszukiwania DNS. Jeśli używasz sieci CDN do obsługi plików statycznych, liczba wyszukiwań DNS jest już zminimalizowana.

Na koniec powinieneś również zminimalizować liczbę przekierowań dla zasobów statycznych. Przekierowanie ma miejsce, gdy pierwotna lokalizacja zasobu wskazuje na nową lokalizację, co zasadniczo oznacza, że ​​przeglądarka musi wykonać nowe żądanie, aby uzyskać zasób.

9. Włącz buforowanie w WordPress

Buforowanie to proces przechowywania części strony w tymczasowej lokalizacji, aby szybko udostępnić ją odwiedzającym. Buforowanie pozwala zaoszczędzić przepustowość serwera i skrócić czas ładowania strony.

Wybierając wtyczkę do buforowania dla swojej witryny WordPress, wybierz taką, która jest łatwa w konfiguracji i zapewnia poprawę wydajności dzięki prostym ustawieniom. Jeśli masz doświadczenie, powinieneś przejść do ustawień zaawansowanych, aby odblokować dodatkowe korzyści prędkości.

Przetestowaliśmy i porównaliśmy najlepsze wtyczki do buforowania WordPress. WP Rocket wyszedł zwycięsko w naszych wynikach testów.

10. Aktualizuj WordPress i PHP

WordPress i PHP to popularne oprogramowanie, które jest aktywnie rozwijane. Udoskonalenia, takie jak nowe funkcje, poprawki błędów, poprawki zabezpieczeń i ulepszenia wydajności, są do nich codziennie wprowadzane.

Dlatego konieczne jest zaktualizowanie WordPressa, wtyczek i PHP do najnowszych wersji, aby nadążyć za tymi ulepszeniami. Jednak przed rozpoczęciem aktualizacji upewnij się, że wykonałeś kopię zapasową bieżącej wersji witryny WordPress.

Streszczenie

W tym przewodniku najpierw omówiliśmy, dlaczego szybkość strony ma kluczowe znaczenie dla właściciela witryny do rozważenia i zoptymalizowania.

Następnie przyjrzeliśmy się kilku popularnym narzędziom, które oceniają, jak dobra jest Twoja witryna i jak możesz poprawić jej wydajność.

Na koniec omówiliśmy najważniejsze techniki przyspieszania witryny WordPress, od korzystania z wystarczająco szybkiego hosta internetowego po regularne aktualizowanie PHP i WordPress.

Czy używasz innej techniki, aby przyspieszyć swoją witrynę WordPress? Daj nam znać w komentarzach poniżej.