Jak przyspieszyć swoją witrynę WordPress – najlepszy przewodnik (34 wskazówki)

Czy masz powolną witrynę WordPress ? Instrukcje jak przyspieszyć stronę WordPress bez znajomości programowania. Szybkie ładowanie zwiększy satysfakcję odwiedzających i pomoże SEO.

Powolne ładowanie strony stawia Twoją witrynę w niekorzystnej sytuacji. Powolne strony stawiają Google i inne wyszukiwarki w niekorzystnej sytuacji w procesie wyszukiwania. Dlatego sama optymalizacja SEO nie wystarczy, aby zwiększyć ruch na stronie. Musisz także zoptymalizować jego prędkość.

Oprócz samych wyszukiwarek powolne ładowanie strony stawia Cię w niekorzystnej sytuacji z jeszcze jednego powodu. Uwaga internautów spada po siedmiu sekundach. Jeśli do tego czasu strona nie zostanie załadowana, wiele osób opuści ją. Aby pozostali na stronie i do Ciebie wrócili, musisz zoptymalizować jej prędkość.

I na koniec jeszcze jeden powód: niektóre wyszukiwarki zaczęły już karać powolne strony, przenosząc je na niższe pozycje wyszukiwania .

Zmierz prędkość strony

Aby dowiedzieć się, jak szybka jest Twoja witryna, nie wystarczy zmierzyć czas ładowania się na Twoim komputerze . Na Twoim komputerze często odwiedzana witryna będzie ładować się szybciej. Dzieje się tak dzięki pamięci tymczasowej przeglądarki, w której przechowuje ona dane podczas przeglądania. Przy wielokrotnym wejściu na stronę dane są ładowane z tej pamięci i dzięki temu strona wyświetla się szybciej. Ponadto znaczenie ma także położenie geograficzne osoby odwiedzającej witrynę .

Dlatego do pomiaru prędkości polecam używać specjalnych narzędzi Pingdom lub Google Pagespeed . Jeśli zmierzysz czas ładowania poniżej 2 sekund , to jest „całkiem” w porządku. Jeśli nie, zalecam zwiększenie jego prędkości. Jeśli potrzebujesz bardziej szczegółowych informacji, skorzystaj z narzędzia GTmetrix .

Zidentyfikuj przyczyny spowolnienia

Jest kilka rzeczy spowalniających witrynę. Najczęstsze to:

• niepoprawnie skonfigurowany serwer hostingowy,
• źle zakodowane wtyczki lub zbyt wiele zainstalowanych i nieużywanych wtyczek,
• rozmiar strony – w tym przypadku chodzi głównie o obrazy, które nie są zoptymalizowane pod strony internetowe,
• skrypty zewnętrzne, takie jak czcionki, reklamy itp.

Użyj wtyczki pamięci podręcznej WordPress

Według oficjalnego przewodnika optymalizacji WordPress , hosting i wtyczka pamięci podręcznej to dwa najważniejsze czynniki wpływające na szybkość.

Buforowanie WordPress może przyspieszyć Twoją witrynę nawet 2-5 razy . Działa na zasadzie zapisywania kopii strony w pamięci serwera zaraz po jej pierwszym załadowaniu. Kopia ta jest następnie przekazywana każdemu innemu odwiedzającemu witrynę. Zmniejsza to obciążenie serwera i zapewnia poprawę wydajności witryny.

Sam WordPress nie zawiera pamięci podręcznej, dlatego będziesz potrzebować dodatkowej wtyczki. Do najlepszych należą WP rocket , WP Super Cache i W3 Total Cache .

Zauważyłem, że w wielu ankietach na Facebooku ludzie uważają rakietę WP za najlepszą:

Przetestowałem wszystkie 3 wspomniane wtyczki pamięci podręcznej. Najlepsze wyniki uzyskuję z rakietą WP . Różnice pomiędzy wymienionymi wtyczkami to ułamki sekund, jednak każda milisekunda pomaga znaleźć się wyżej w wynikach wyszukiwania (Google SERP).

Dodatkowo spodobała mi się prostota ustawień oraz fakt, że swoimi funkcjami idzie dalej niż inne wtyczki – potrafi na przykład zoptymalizować bazę danych, czego WP Super Cache i W3 Total Cache nie potrafiły w momencie testów.

Dlatego zdecydowałem się zainwestować i kupić. Od tego czasu używam tej wtyczki wyłącznie do optymalizacji moich stron internetowych. Jeśli hobbystycznie masz witrynę internetową, możesz skorzystać z jednej z bezpłatnych wtyczek do buforowania nazw. Zwłaszcza użyj jednego! 😉 Jest to prawdopodobnie najbardziej wpływowa rzecz, która przyspiesza działanie sieci.

Korzystaj z wysokiej jakości hostingu

Powszechnie wiadomo, że wydajność hostingu zasadniczo wpływa na szybkość witryny. Dlatego starannie wybierz odpowiedni hosting . Uważam, że najlepszym hostingiem dla witryny WordPress są następujące serwery: WebSupport , Webglobe Yegon i Wedos . Możliwym rozwiązaniem jest także przejście na własny serwer wirtualny.

Jak widać na obrazku poniżej, WebSupport zmierzyła prędkość swojego hostingu WordPress w porównaniu z innymi na swoim blogu i uzyskała następujące wyniki:

To przekonało mnie do zakupu tego hostingu WP na próbę i zobaczenia, dlaczego jest tak szybki. W WebSupport znalazłem ich własną zmodyfikowaną wersję WordPress już zainstalowaną na hostingu. Polegało to na tym, że zostały tam zainstalowane i ustawione (dostrojone) wtyczki do buforowania i optymalizacji obrazu (*obowiązujące w momencie moich testów) . To, w połączeniu z dostrojonymi serwerami, przyczyniło się do tych doskonałych wyników.

Od tego czasu do moich projektów korzystam z hostingu internetowego firmy WebSupport , która prowadzi również tego bloga.

Używaj właściwych formatów obrazów

PNG jest nieskompresowany (oznacza to większy rozmiar pliku) i dlatego najlepiej nadaje się do prostych obrazów , w których nie ma wielu różnych kolorów. JPEG to format skompresowany (mniejszy rozmiar pliku), nieznacznie pogarszający jakość obrazu, ale jest mniejszy i używany do obrazów z dużą ilością kolorów .

Zmniejsz rozmiar obrazów

Obrazy są ważne dla ruchu na stronie. Badania wykazały, że 80% ludzi woli czytać tekst, który nie jest tylko czarno-biały. Kolory wspierają także percepcję. Jednak niewłaściwie zoptymalizowane pliki jpg i png zajmują zbyt dużo miejsca. Ponadto duże pliki wymagają więcej czasu na pobranie .

Aby poprawić wydajność Twojej witryny, konieczna jest optymalizacja rozmiaru obrazów. Nie musisz się martwić zmianą jakości wyświetlania. Można to zrobić bezpośrednio podczas edycji obrazu — niektóre programy graficzne mają funkcję zapisywania do Internetu .

Można w tym celu także zainstalować dedykowaną wtyczkę. Używam wtyczki Kompresuj obrazy JPEG i PNG z TinyPNG. Dzięki niemu osiągnąłem największą procentową optymalizację wielkości obrazu.

Mam również dobre doświadczenia z EWWW Image Optimizer (w wersji darmowej tutaj ) lub WP Smush.it (w wersji darmowej tutaj ).

Wtyczki te dostosowują jakość i rozmiar obrazów podczas przesyłania ich do WordPress bez wpływu na ich jakość. Ponadto mogą również optymalizować obrazy, które już masz w Internecie.

Skonfiguruj stopniowe ładowanie obrazów

Możesz także zwiększyć szybkość działania strony WordPress , ustawiając stopniowe ładowanie obrazów ( tzw. leniwe ładowanie ). Po otwarciu strony ładowane są tylko te, które są widoczne. Inne ładują się stopniowo w miarę przewijania strony przez użytkownika. Dzięki temu strona wyświetli się szybciej.

Kilka wtyczek może zapewnić tę funkcjonalność. Dla mnie wtyczka WP Rocket , o której już wspomniałem, zapewnia.

Przejdź do PHP 7

PHP 7 przetwarza ponad dwukrotnie więcej żądań na sekundę w porównaniu do starszych wersji:

W praktyce oznacza to, że php 7 jest średnio 2 do 3 razy szybszy niż php 5 . Dlatego zdecydowanie polecam aktywację go na swoim hostingu, jeśli jeszcze go nie masz.

Jeśli nie możesz zobaczyć, na jakiej wersji PHP działa Twoja witryna, możesz to łatwo wyświetlić za pomocą wtyczki Wyświetl wersję PHP :

Trzeba zachować ostrożność i odpowiednio przetestować , czy Twoja witryna to obsługuje – na przykład poprzez wtyczkę PHP Compatibility Checker . Być może masz przestarzałe wtyczki i otrzymujesz komunikaty o błędach. W takim przypadku rozważyłbym pozbycie się takich wtyczek.

Usuń nieużywane wtyczki

Podczas tworzenia i edytowania strony zainstalowałeś kilka wtyczek. Jednak nieużywane (dezaktywowane) wtyczki mogą również spowolnić witrynę. Aby przyspieszyć działanie serwisu, należy je nie tylko wyłączyć, ale także usunąć.

Usuń tylko te wtyczki, których nie używasz. Procedura usuwania jest prosta: Znajdź pozycję Wtyczki w menu administracyjnym. Wybierz ten, który chcesz usunąć i wyłącz go . Następnie usuń go.

Użyj protokołu HTTP/2

Większość nowoczesnych przeglądarek obsługuje już protokół HTTP/2. Protokół ten jest znacznie szybszy niż oryginalny protokół HTTP/1.1. Za pomocą tego narzędzia sprawdź, czy Twój hosting obsługuje protokół HTTP/2.

Skonfiguruj pamięć podręczną PHP na swoim hostingu

Skonfiguruj pamięć podręczną php na swoim hostingu – dla php 5.4+ i php 7 opcache. Dla php 5.3 i niższych wersji xcache.

Zaktualizuj wtyczki

Oprócz usuwania nieużywanych wtyczek, należy regularnie aktualizować te, które pozostawiłeś w serwisie. Poprawi bezpieczeństwo, zapewni lepsze opcje, a także pozytywnie wpłynie na szybkość działania witryny WordPress .

Regularnie aktualizuj WordPress

Konieczne jest także regularne aktualizowanie samego rdzenia WordPress .

Zaktualizuj szablon

Twórcy szablonów regularnie aktualizują poszczególne szablony. Aby zapewnić lepszą funkcjonalność i optymalizację szybkości witryny, konieczna jest regularna aktualizacja witryny. Zwiększy to również jego bezpieczeństwo. Ponadto aktualizacje często obejmują nowe funkcje i eliminację drobnych błędów, które pojawiły się podczas opracowywania szablonu.

Optymalizacja bazy danych

WordPress przechowuje również niepotrzebne dane. Aby zoptymalizować szybkość działania strony, konieczne jest co jakiś czas wyczyszczenie jej bazy danych. Używam do tego celu WP Rocket . Usunie usunięte komentarze, aktualizacje, automatyczne wersje robocze artykułów, SPAM w komentarzach i nie tylko. Odpowiednie wtyczki do tego celu to także WP Optimize i WP Sweep .

Użyj AMP (przyspieszonych stron mobilnych)

Accelerated Mobile Pages (AMP) to projekt Google, który przyspiesza ładowanie stron mobilnych. Można je łatwo rozpoznać także na telefonie komórkowym po symbolu błyskawicy w wynikach wyszukiwania Google:

Możesz mieć już technologię AMP w szablonie lub możesz z niej korzystać poprzez oficjalną wtyczkę AMP dla WordPress .

Wyłącz emoji

Użyj domyślnego emoji przeglądarki odwiedzającego zamiast ładować emoji z WordPress .org – zmniejszy to liczbę zewnętrznych połączeń z serwerem. Jest to również dostarczane przez WP Rocket dla mnie:

Optymalizacja szablonu

Wybierając szablon WordPress , nie kieruj się wyłącznie wyglądem, ceną i oferowanymi funkcjami. Zamiast tego użyj prostszego szablonu i zwiększ jego funkcjonalność za pomocą odpowiednich wtyczek.

Możesz także kupić niektóre szablony premium zoptymalizowane pod kątem szybkości . Jeśli zdecydujesz się zmienić szablon, nie zapomnij dokładnie przestudiować, jak przejść na nowy szablon bez utraty danych i ustawień.

Minifikacja (kompresja) plików CSS i JS

Zminifikuj HTML, CSS, JS. Minifikacja zwiększy szybkość WordPress . Możesz do tego użyć bezpłatnej wtyczki Autoptimize lub możesz to zrobić za pomocą WP Rocket .

Skonfiguruj leniwe ładowanie JavaScript

Ładowanie JavaScript wpływa również na optymalizację szybkości działania witryny WordPress . Jest to częsty problem spowalniający wyświetlanie strony. Jeśli umieścisz na górze strony kilka bibliotek plików zewnętrznych, przeglądarka rozpocznie ich pobieranie i przetwarzanie. Dopiero potem ładuje resztę zawartości strony. Możesz także użyć rakiety WP , aby skonfigurować odroczone ładowanie JavaScript (zwane także odroczonym JavaScript):

Nie przesyłaj filmów bezpośrednio do WordPress

Pełne filmy można również zapisać na stronie WP. Jednak nie polecam tego ze względu na optymalizację szybkości. Zajmują zbyt dużo miejsca. Zamiast tego użyj linku do YouTube , Vimeo lub VideoPress . Po prostu skopiuj adres URL do swojego postu, aby osadzić wideo.

Używaj podsumowań

Nie musisz wyświetlać całych postów na stronie głównej i w archiwach. Podsumowanie (fragment w języku angielskim) oszczędza miejsce i czas ładowania. Ponadto odwiedzający witrynę przegląda kilka tematów, które mogą go zainteresować jednocześnie. Nie przeczyta jednego postu. To ustawienie zależy od wybranego motywu, co oznacza, że ​​wybrany szablon może go nie obsługiwać.

Podziel komentarze na kilka stron

Możesz także zwiększyć szybkość swojej witryny WordPress , dzieląc komentarze. Starsze komentarze mogą nie być widoczne po załadowaniu artykułu. Możesz zapisać je osobno. Ustawienia dokonujesz w Ustawienia » Komentarze i zaznaczasz opcję Podziel komentarze na strony .

Skorzystaj CDN

CDN (Content Delivery Network) to technologia dystrybucji treści na wiele serwerów zlokalizowanych w różnych lokalizacjach na całym świecie. Lokalizacja serwera wpływa również na szybkość witryny WordPress , w zależności od odległości geograficznej między dostawcą usług hostingowych a osobą odwiedzającą witrynę. Układ serwerów pomaga odwiedzającym szybciej dotrzeć do ich treści.

Uważam Cloudflare , KeyCDN , StackPath (MaxCDN) i Sucuri CDN za najlepsze CDN .

Jednym z najpopularniejszych CDN , który w podstawowej wersji jest darmowy, jest Cloudflare . Jeśli jeszcze o tym nie słyszałeś, polecam przeczytać więcej informacji w tym artykule .

Moim zdaniem CDN warto rozwiązywać tylko dla dużych serwisów z ruchem z różnych części świata.

Użyj szybkiego suwaka

Aby przyspieszyć WordPress , użyj odpowiedniej wtyczki typu slider. Suwaki poprawiają wygląd strony, ale często ją spowalniają , nawet jeśli masz zoptymalizowane obrazy. Może to być spowodowane złym kodowaniem wtyczki. Najszybszą wtyczką suwakową WordPress jest Soliloquyi. Należy do wtyczek premium. Dobrze znany Revolution Slider nie wypadł najlepiej w testach prędkości.

Moim zdaniem najlepiej z punktu widzenia szybkości, jeśli to możliwe , całkowicie unikać sliderów .

Użyj szybszej wtyczki galerii

Jeśli masz dużo obrazów, zdjęć i galerii w swojej witrynie, pomocna może być szybsza wtyczka galerii. Użyj takiego, który jest zoptymalizowany pod kątem szybkości. Polecam wtyczkę premium Envira Gallery. Można go używać do tworzenia galerii zdjęć i filmów. W przypadku mniejszej ilości zdjęć wystarczy Ci podstawowa galeria Szablonów.

Podziel długie posty na wiele stron

Jeśli na stronie masz posty, które szerzej omawiają poszczególne tematy i zajmują dużo miejsca, zmniejszasz prędkość ładowania strony. Aby uniknąć niepotrzebnych opóźnień w ładowaniu, podziel je na kilka części. WordPress oferuje również rozwiązanie umożliwiające wyświetlanie takich postów. Ustawienie podziału możliwe jest za pomocą znacznika nextpage.

Umieść go w edytorze tekstu, w którym chcesz podzielić artykuł. Pomoże to zwiększyć szybkość WordPress .

Zmniejsz ładowanie treści z innych witryn

Wiele szablonów WordPress ładuje zawartość z innych witryn. Są to obrazy pochodzące ze źródeł zewnętrznych, takich jak Google, Facebook i tym podobne. Wiele z nich ładuje się szybko, więc łatwiej jest je załadować od strony trzeciej, niż umieścić bezpośrednio na swojej stronie.

Jeśli jednak Twoje wtyczki wykorzystują zbyt dużo takich treści, może to spowolnić stronę. I to już jest problem. Konieczne jest ograniczenie ładowania zewnętrznych żądań http poprzez połączenie ich w jeden plik lub wyłączenie poszczególnych skryptów.

Ogranicz zapisywanie do publikowania poprawek

Możesz także przyspieszyć swoją witrynę WordPress , ograniczając przechowywanie wersji postów, które również zajmują miejsce. Można temu zapobiec dodając prosty kod do pliku wp-config.php :

define( 'WP_POST_REVISIONS', 4 );

Ten kod umożliwi zapisanie czterech ostatnich zmian. Starsze modyfikacje zostaną automatycznie usunięte. Zwykle całkowicie wyłączam wersje – można to zrobić, wstawiając 0 zamiast 4.

Ustaw pamięć podręczną HTTP bezpośrednio na serwerze

Skutecznym rozwiązaniem na przyspieszenie witryny WordPress jest ustawienie pamięci podręcznej bezpośrednio na serwerze:

Wyłącz nieużywane, zaprogramowane funkcje

Niektóre funkcje można wyłączyć, aby zwiększyć szybkość witryny WordPress . Nie każdy potrzebuje np. Emoji czy pingbacków. Pomoże w tym na przykład wtyczka WP Disable . Możesz także ograniczyć komentowanie i obsługę XML-RPC – na przykład poprzez wtyczkę Wyłącz XML-RPC .

Zakaz Hotlinkowania i kradzieży treści

Każda wysokiej jakości witryna prędzej czy później jest narażona na ryzyko kradzieży treści. Może się to również zdarzyć, ponieważ inne witryny wyświetlają Twoje obrazy bezpośrednio ze swojego adresu URL, zamiast ładować je na własne serwery. Ten proces spowalnia Twoją witrynę. Zapobiegnij temu, dodając następujący kod do pliku .htaccess

#disable hotlinking
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?wp.sk [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Jak przyspieszyć WordPress – podsumowanie

Za najważniejsze kryteria uważam wysokiej jakości hosting , dobrą wtyczkę cache , optymalizację obrazów i wybór odpowiedniego szablonu .

Czy podobał Ci się ten poradnik? Daj mu lajka. Jeśli masz jakieś wskazówki i rady, którymi chciałbyś podzielić się z innymi, zostaw komentarz poniżej.