Jak zwiększyć szybkość i wydajność WordPressa?

Opublikowany: 2021-10-22

Szybkość jest wszystkim. Odbiorcy w sieci mają niezwykle krótki czas uwagi, a Google wykorzystuje szybkość ładowania strony w ramach swoich obliczeń SEO.

Dwa ważne powody, aby zrobić wszystko, aby Twoja witryna WordPress ładowała się tak szybko, jak to możliwe!

WordPress jest dość szybki po wyjęciu z pudełka. Dopiero gdy zaczniesz dodawać motywy, wtyczki, obrazy, filmy i całą interesującą zawartość do swojej witryny, zaczyna zwalniać.

Jest jednak sposób, aby mieć ciastko i je zjeść.

Sposób na posiadanie multimediów na swojej stronie, użycie pięknego motywu i dodanie wielu fajnych funkcji za pomocą wtyczek. Wszystko przy krótkich czasach ładowania strony.

Ta strona pokaże Ci w ten sposób.

Jak zmierzyć szybkość ładowania strony?

Zanim przejdziemy do przyspieszania WordPressa, uważamy, że dobrym pomysłem jest przeprowadzenie testu prędkości.

Jeśli uruchomisz jedną teraz i zarejestrujesz wyniki, a drugą po wykonaniu kroków opisanych w tym artykule, masz wymierne dowody, że Twoja witryna jest szybsza.

Zalecamy korzystanie z dwóch narzędzi do oceny szybkości ładowania strony, Pagespeed Insights od Google i GTMetrix .

W tym przykładzie użyjemy GTMetrix.

  1. Odwiedź witrynę GTMEtrix i wprowadź adres URL swojej witryny w polu
  2. Wybierz niebieski przycisk Przetestuj swoją witrynę i poczekaj na zakończenie testu

Po zakończeniu testu zobaczysz wynik jak na powyższym obrazku. Da ci ocenę od A do G i procent wydajności.

Im wyższe są te wyniki, tym szybsze są Twoje strony.

Istnieje kilka przydatnych danych, które możesz wyświetlić w tych wynikach, ale nie będziemy ich tutaj omawiać, ponieważ jest to cały post na blogu !

Wystarczy powiedzieć, że z tego, co teraz mówi twój raport, chcemy uzyskać ocenę A i co najmniej 95% w przypadku wydajności. Jeśli możemy uzyskać Strukturę również powyżej 90%, tym lepiej!

Jak przyspieszyć działanie WordPressa

Przyspieszenie WordPressa to proces. Poniżej przedstawiono szereg indywidualnych kroków, które możesz wykonać, aby poprawić czas wczytywania strony. Działają w izolacji, ale wszystkie łączą się, tworząc ogólnie szybszą stronę internetową.

Nie wszystkie kroki będą dla Ciebie istotne, więc nie martw się, że je pominiesz, jeśli zajdzie taka potrzeba.

Tak długo, jak będziesz postępować zgodnie z niektórymi krokami, nadal będziesz zwiększać szybkość swojej witryny WordPress!

Słowo ostrzeżenia : chociaż większość tych metod działa doskonale, każda witryna internetowa jest inna.

Jeśli prowadzisz sklep e-commerce lub bardzo ruchliwą witrynę, możesz wcześniej przetestować wszelkie zmiany w witrynie pomostowej .

W ten sposób, jeśli coś pójdzie nie tak, możesz cofnąć zmianę bez wpływu na odwiedzających.

Użyj szybkiego hosta internetowego

Pierwszą wskazówką, którą się podzielimy, jest korzystanie z usług hostingowych dobrej jakości.

Współdzielony hosting jest tani i to idealny sposób na założenie strony internetowej, ale nie jest najszybszy. Udostępniasz ten serwer sieciowy setkom, a może tysiącom innych witryn, co ma wpływ na wydajność.

Uaktualnienie do hostingu dedykowanego, hostingu WordPress, VPS lub nawet dedykowanego hostingu w chmurze może mieć ogromny wpływ na wydajność Twojej witryny.

Kosztuje więcej, ale warto, gdy zbudujesz obserwujących!

Jeśli Twój raport GTMetrix pokazuje niski wynik, sprawdź kartę Wydajność pod kątem:

  • First contentful paint – Jak szybko Twoja przeglądarka otrzymuje informacje potrzebne do utworzenia pierwszego piksela strony. Im szybciej tym lepiej.
  • Indeks szybkości – Jak szybko strona staje się widoczna w przeglądarce odwiedzającego. Im szybciej tym lepiej.
  • Największe malowanie treści — jak szybko przeglądarka ładuje największy zasób na stronie (zwykle obrazy). Im szybciej tym lepiej.

To wszystko wskazuje na to, że możesz potrzebować szybszego hosta internetowego!

Aktualizuj WordPress

WordPress jest stale rozwijany i ulepszany. Niektóre z tych ulepszeń będą obejmować poprawki błędów, aktualizacje zabezpieczeń i udoskonalenia kodu. Wszystko może przyspieszyć twoją witrynę WordPress.

Ponadto aktualizowanie WordPressa jest dobrą praktyką!

Oto jak to zrobić.

  1. Zaloguj się do WordPressa wybierz Dashboard z lewego menu
  2. Wybierz aktualizacje
  3. Zaktualizuj WordPress, jeśli powiadomi Cię o dostępnej aktualizacji
  4. Zaktualizuj wszelkie wtyczki, jeśli widzisz takie, które tego wymagają

Zdecydowana większość aktualizacji WordPressa i wtyczek działa doskonale. Jeśli jednak prowadzisz szczególnie popularną witrynę lub sklep, możesz na wszelki wypadek przeprowadzić aktualizacje w witrynie testowej.

Użyj zoptymalizowanego motywu WordPress

Twój motyw WordPress sprawia, że ​​Twoja witryna wygląda niesamowicie, ale może mieć wpływ na czas ładowania strony. Jeśli użyjesz gorszego motywu lub niezoptymalizowanego, może to znacznie spowolnić ładowanie.

Wszystkie motywy Stylemix są zoptymalizowane pod kątem szybkości.

Nie tylko wyglądają niesamowicie i zawierają całą potrzebną interaktywność, ale są również zaprojektowane tak, aby szybko się wczytywały i wymagały minimalnych zasobów!

Użyj wtyczki buforującej WordPress

WordPress tworzy strony dynamicznie za każdym razem, gdy odwiedzający trafia na tę stronę. Wymaga to pewnych operacji przetwarzania i wywołań bazy danych w celu zebrania wszystkich informacji, które mają zostać zaprezentowane przeglądarce użytkownika.

Wszystko to wymaga czasu.

Wtyczka buforująca WordPress pobiera kopię gotowej strony i zapisuje ją w pamięci. Następnym razem, gdy odwiedzający ląduje na stronie, zamiast budować ją od podstaw, wtyczka wysyła kopię do przeglądarki odwiedzającego, przyspieszając cały proces.

Wtyczka buforująca może znacznie przyspieszyć czas ładowania strony.

Wtyczki do buforowania WordPress obejmują:

  • WP Super Cache
  • Rakieta WP
  • Pamięć podręczna LiteSpeed
  • W3 Całkowita pamięć podręczna
  • Najszybsza pamięć podręczna WP
  • Nadmierna pamięć podręczna

Istnieje wiele wtyczek pamięci podręcznej WordPress, przeczytaj recenzje i zobacz, które lubisz najbardziej.

Zoptymalizuj swoje obrazy

Strony internetowe potrzebują obrazów, aby były interesujące, wyróżniały towary i usługi oraz pomagały w konwersji odwiedzających. Ale niezoptymalizowane obrazy to duże pliki, które mogą spowolnić ładowanie strony.

Odpowiedzią są zoptymalizowane obrazy.

Jeśli widzisz długi czas „Największej zawartości treści” w swoim raporcie GTMetrix, musisz zoptymalizować swoje obrazy. Chociaż największym elementem może być cokolwiek, zwykle jest to obraz.

Optymalizacja obrazu to proces zmniejszania rozmiarów plików bez wpływu na jakość obrazu lub wygodę użytkownika. Może to zabrzmieć technicznie, ale istnieją konkretne wtyczki, które mogą pomóc.

Zalecamy optymalizację obrazów przed przesłaniem do WordPress, a następnie dalszą ich optymalizację za pomocą wtyczki.

Możesz użyć programów takich jak Mass Image Compressor na swoim komputerze, aby maksymalnie zmniejszyć pliki. Po prostu przytnij obraz do odpowiedniego rozmiaru i uruchom kompresję.

Następnie, po przesłaniu do WordPress, użyj wtyczki, takiej jak Smush , aby je dalej zoptymalizować.

Na koniec powinieneś zoptymalizować swoje obrazy tak, aby były jak najmniejsze, bez uszczerbku dla jakości lub komfortu użytkownika.

Użyj sieci dostarczania treści (CDN)

Sieć dostarczania treści to doskonały sposób na przyspieszenie czasu ładowania strony w WordPress, ale może kosztować.

CDN pobiera kopię Twojej witryny i wszystkich jej plików i dystrybuuje ją na serwery CDN na całym świecie. Pomysł polega na tym, aby serwer znajdujący się najbliżej odwiedzającego dostarczał żądane strony, co działa szybciej.

Na przykład, jeśli Twój usługodawca hostingowy znajduje się w Niemczech, a gość pochodzi z Singapuru, nastąpi opóźnienie ładowania strony z powodu czasu transmisji.

Ale jeśli używasz CDN z serwerem w Singapurze, serwer ten wyśle ​​strony do użytkownika, co byłoby znacznie szybsze.

Sieci dostarczania treści obejmują:

  • Cloudflare
  • Szybko
  • Klucz CDN
  • Ścieżka stosu
  • Akamai

Nie umieszczaj dźwięku ani wideo w swojej witrynie

Rich media to niezbędny składnik zaangażowania i każda witryna powinna z niego korzystać, gdy tylko jest to możliwe.

Jednak, chociaż powinieneś umieszczać na swoich stronach audio i wideo, nie powinieneś ich hostować samodzielnie.

Możesz przesyłać audio i wideo bezpośrednio do WordPressa, ale będzie to kosztować miejsce na dane i przepustowość. Jeśli korzystasz z serwera dedykowanego, niekoniecznie będzie to problem, ale jeśli korzystasz z hostingu współdzielonego, może to być problem.

Lepiej jest korzystać z usług takich jak YouTube , Vimeo , SoundCloud i innych, aby faktycznie hostować wideo i umieszczać je na swojej stronie.

W ten sposób możesz korzystać z multimediów, ale nie musisz się martwić, że spowolni to Twoją witrynę!

Starannie dobieraj wtyczki

Wtyczki WordPress dodają niezbędne funkcje do stron internetowych, a wszyscy korzystamy z co najmniej kilku. Ale jak wszystko, jakość jest lepsza niż ilość.

Nie oznacza to tylko kupowania wtyczek premium, ponieważ są lepsze, ponieważ nie zawsze są szybsze.

Oznacza to ostrożne wybieranie wtyczek, czytanie recenzji i sprawdzanie skarg, że wtyczka spowalnia strony internetowe.

Możesz również przetestować je na swojej stronie testowej przed przesłaniem na żywo, dla pewności.

Zminimalizuj CSS, HTML i JavaScript

Minifikacja to termin używany do opisania usuwania niepotrzebnych danych z pliku, aby był mniejszy i bardziej wydajny.

Może to obejmować podziały stron, niepotrzebny kod motywu, kod do wywołania elementów nieużywanych w motywie WordPress i inne bezużyteczne śmieci.

Niektóre wtyczki buforujące minimalizują CSS, HTML i JavaScript jako część funkcji, ale istnieją również wtyczki, które mogą zrobić to samo.

Autooptymalizacja to bardzo popularna opcja minifikacji, ponieważ jest bezpłatna i bardzo skuteczna.

Jeśli nie chcesz używać wtyczki, możesz użyć narzędzi online do optymalizacji i minimalizacji. Niektóre opcje obejmują CSS Minifier , JavaScript Minifier i własny kompilator zamknięć Google .

Usuń blokujący renderowanie JavaScript i CSS

Blokujący renderowanie kod JavaScript i CSS to kod, który blokuje widoczność stron dla użytkownika.

Możesz zobaczyć blokujące renderowanie JavaScript i CSS na karcie Wodospad raportu GTMetrix. Zawiera listę wszystkiego, co spowalnia sekwencję ładowania, w tym ten kod.

Gdy przeglądarka ładuje stronę, musi przetworzyć JavaScript i CSS, zanim sama strona stanie się widoczna.

Im więcej masz kodu, tym dłuższe opóźnienie w renderowaniu strony.

Dobrą wiadomością jest to, że jeśli zainstalowałeś Autoptimize w celu zminimalizowania plików, wtyczka może również usunąć pliki blokujące renderowanie.

WP Rocket i niektóre inne wtyczki do buforowania mają również opcję usunięcia blokującego renderowanie kodu JavaScript i CSS.

Cache przeglądarki dźwigni

Jeśli korzystałeś już wcześniej z GTMetrix lub Pagespeed Insights, zobaczysz komunikat „Wykorzystaj pamięć podręczną przeglądarki”.

Zostało to od tego czasu zastąpione przez „Obsługuj zasoby statyczne z wydajną polityką pamięci podręcznej”, ale zasadniczo jest to to samo.

Buforowanie przeglądarki to metoda przechowywania kopii stron internetowych w przeglądarce odwiedzającego. Jeśli więc odwiedzą ponownie, przeglądarka natychmiast załaduje własną kopię, co poprawia wrażenia użytkownika.

Odbywa się to poprzez dodanie nagłówków Cache-Control i nagłówków ETag do przeglądarki odwiedzającego.

Nagłówki Cache-Control informują przeglądarkę, jak długo ma przechowywać kopię, a ETag sprawdza, czy nie nastąpiły żadne zmiany od momentu wykonania tej kopii.

Aby wykorzystać buforowanie przeglądarki, musisz zmodyfikować plik .htaccess lub użyć wtyczki buforującej.

Przed kontynuowaniem warto sprawdzić, czy zainstalowana wcześniej wtyczka buforująca ustawia nagłówki Cache-Control Headers i ETag Headers. WP Rocket robi, inne wtyczki mogą zrobić to samo.

Plik .htaccess jest używany w Apache do kontrolowania, kto może uzyskać dostęp do Twojej witryny i zapewnia podstawowe zasady dotyczące adresów URL i dostępu do katalogu.

Jeśli Twój host używa NGINX , nie będziesz mieć pliku .htaccess. Ponieważ większość hostów internetowych wydaje się używać Apache, będziemy to kontynuować.

Plik .htaccess znajdziesz w folderze głównym swojego usługodawcy internetowego. Zrób kopię, zanim dokonasz zmiany.

Następnie:

  1. Wybierz plik .htaccess, kliknij prawym przyciskiem myszy i wybierz Edytuj
  2. Wklej poniższy tekst na dole pliku przed „# END WordPress” i zapisz po zakończeniu

#Dostosuj wygasa rozpoczęcie buforowania


<IfModule mod_expires.c>
FileETag MTime Size
AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript
WygasaAktywny wł.
ExpiresByType text/html „dostęp 600 sekund”
ExpiresByType application/xhtml+xml „dostęp przez 600 sekund”
ExpiresByType text/css „dostęp 1 miesiąc”
ExpiresByType text/javascript „dostęp 1 miesiąc”
ExpiresByType text/x-javascript „dostęp 1 miesiąc”
ExpiresByType aplikacja/javascript „dostęp 1 miesiąc”
ExpiresByType application/x-javascript „dostęp 1 miesiąc”
Aplikacja ExpiresByType/x-shockwave-flash „dostęp 1 miesiąc”
ExpiresByType application/pdf „dostęp 1 miesiąc”
ExpiresByType obraz/x-ikona „dostęp 1 rok”
ExpiresByType image/jpg „dostęp 1 rok”
ExpiresByType image/jpeg „dostęp 1 rok”
ExpiresByType image/png „dostęp 1 rok”
ExpiresByType image/gif „dostęp 1 rok”
ExpiresDefault „dostęp 1 miesiąc”
</IfModule>
#Wygasa koniec pamięci podręcznej

Możesz zmienić te ustawienia na dowolny okres czasu, ale uważamy, że te ustawienia działają dobrze.

Optymalizacja bazy danych

WordPress to system zarządzania treścią oparty na bazie danych. Im więcej danych i tabel w tej bazie danych, tym więcej WordPress musi przeszukiwać, aby znaleźć to, czego potrzebuje.

Tu właśnie pojawia się optymalizacja bazy danych.

Jeśli znasz bazy danych, istnieje wiele sposobów na ich optymalizację. Dla nas, zwykłych śmiertelników, jest WP-Optimize.

WP-Optimize to darmowa wtyczka WordPress, która wykonuje całą ciężką pracę za Ciebie. Uporządkowuje bazę danych, optymalizuje tabele, a nawet optymalizuje obrazy.

Zalecamy jednak wykonanie pełnej kopii zapasowej witryny przed dotknięciem bazy danych, na wszelki wypadek!

Leniwe ładowanie długich stron i postów w WordPress

Obrazy z leniwym ładowaniem były kiedyś niezbędne do przyspieszenia czasu ładowania strony. Czy wiesz, że istnieje również opcja leniwego ładowania długich stron i postów?

Ponieważ WordPress teraz leniwie ładuje obrazy domyślnie, warto skonfigurować leniwe ładowanie stron i postów.

Istnieją wtyczki do tego, w tym WordPress Infinite Scroll i WP Ajax Load More Pagination oraz Infinite Scroll .

Oba szybko wykonują leniwe ładowanie stron, aby zapewnić skromne, ale zauważalne przyspieszenie czasu ładowania strony.

Użyj fragmentów na swojej stronie głównej

Być może wkraczamy tutaj w sferę marginalnych zysków, ale każda najmniejsza rzecz pomaga. Podobnie jak używanie fragmentów wpisów na blogu na swojej stronie głównej.

Domyślnym zachowaniem w WordPressie jest pokazywanie całych postów na blogu, co może spowolnić strony zawierające wiele postów.

W WordPressie jest ustawienie, które ogranicza to do fragmentów, które ładują się znacznie szybciej.

Jeśli prezentujesz swoje najnowsze posty na swojej stronie głównej, musisz dostosować to ustawienie!

  1. Przejdź do Ustawień i czytania w menu WordPressa
  2. Ustaw „ Dla każdego posta w kanale, dołącz” na Fragment
  3. Wybierz Zapisz zmiany

To nie tylko przyspieszy wczytywanie strony, ale także sprawi, że wszystko będzie wyglądać czysto i schludnie wszędzie tam, gdzie prezentujesz swoje najnowsze posty.

Ogranicz komentarze na stronie

Ograniczenie komentarzy na stronę to kolejny marginalny zysk, ale taki, który z pewnością może wpłynąć na szybkość, jeśli otrzymasz dużo komentarzy.

Zamiast wczytywać każdy komentarz, jaki kiedykolwiek pojawił się w poście lub na stronie, ograniczenie ich dzieli je na strony. Zmniejsza to przetwarzanie wymagane do renderowania strony, co przyspiesza ładowanie.

  1. Przejdź do Ustawień i dyskusji w menu WordPressa
  2. Zaznacz pole obok „ Podziel komentarze na strony za pomocą” i ustaw liczbę komentarzy na 10-20
  3. Wybierz Zapisz zmiany

Możesz ustawić dowolną liczbę komentarzy. Oczywiście im mniej komentarzy ładujesz, tym szybsza jest strona, ale musisz to zrównoważyć użytecznością i zachęcającymi do komentowania swoich postów.

Zmniejsz przekierowania

Przekierowanie to miejsce, w którym adres URL jest przekierowywany do innego w poście lub na stronie.

Na przykład, jeśli niedawno przeszedłeś z HTTP na HTTPS, użyjesz przekierowań, aby skierować odwiedzających do właściwej domeny.

Przekierowania są używane do różnych rzeczy i są istotną częścią SEO i użyteczności. Im bardziej ugruntowana i starsza jest Twoja witryna, tym więcej przekierowań możesz mieć.

Jak więc możesz je zminimalizować?

Jednym ze sposobów jest użycie przekierowania w pliku .htaccess.

W powyższym przykładzie przekierowanie z HTTP na HTTPS można wykonać w WordPressie, ale jest to bardziej wydajne na poziomie serwera, ponieważ jest znacznie szybsze.

Plik .htaccess znajdziesz w folderze głównym swojego usługodawcy internetowego. Zrób kopię, zanim dokonasz zmiany.

Następnie:

  1. Wybierz plik .htaccess, kliknij prawym przyciskiem myszy i wybierz Edytuj
  2. Wklej poniższy tekst na dole pliku przed „# END WordPress” i zapisz po zakończeniu

<IfModule mod_rewrite.c>

Przepisz silnik włączony
RewriteCond ! {HTTPS} wyłączone
Przepisz regułę ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
PrzepiszCond %{HTTP_HOST} !^www\.
Przepisz regułę ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

</IfModule>

Kod mówi serwerowi Apache, aby automatycznie przekierowywał ruch HTTP do HTTPS, co oszczędza tego WordPressowi i przyspiesza ładowanie strony.

Przekierowania to obszerny temat, więc zamiast zanudzać Cię tym wszystkim, dlaczego nie przeczytać Przewodnika po przekierowaniach WordPressa na WPEngine?

Zmniejsz liczbę poprawek postów

Jury nadal nie zastanawia się, czy posiadanie wielu wersji strony lub posta spowalnia Twoją witrynę, czy nie.

Nie zaszkodzi ich jednak zmniejszyć. Jeśli nic więcej, utrzymuje porządek w Twojej bazie danych!

W tym celu musisz edytować plik wp-config, który znajduje się w katalogu WordPress.

  1. Kliknij prawym przyciskiem myszy wp-config i wybierz Edytuj
  2. Wklej poniższy kod na dole pliku i zapisz go

zdefiniuj( 'WP_POST_REVISIONS', 5 );

Możesz ustawić dowolną liczbę wersji, które lubisz, po prostu zmień „5” na żądaną liczbę. Gdy liczba wersji przekroczy tę liczbę, baza danych usunie najstarszą wersję.

Wyłącz hotlinki

Jeśli prowadzisz witrynę, która korzysta z wielu oryginalnych obrazów, szybko znajdziesz osoby, które zawierają linki do Twoich zasobów.

Zamiast robić zrzut ekranu zasobu lub umieszczać link do strony, połączą się bezpośrednio z tym zasobem, aby pojawił się na ich stronie, ale nadal będzie hostowany na Twojej.

Nazywa się to hotlinkowaniem.

Cały ruch, pochodzący od Twoich odwiedzających i z witryny, która łączy stronę z hotlinkami, będzie wykorzystywać zasoby Twojej witryny, co może spowolnić czas ładowania.

Możesz temu zapobiec, dodając kolejny fragment kodu do pliku .htaccess.

  1. Wybierz plik .htaccess, kliknij prawym przyciskiem myszy i wybierz Edytuj
  2. Wklej poniższy tekst na dole pliku przed „# END WordPress” i zapisz po zakończeniu

#wyłącz hotlinkowanie obrazów

RewriteEngine włączony
Przepisz Warunek %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourwebsiteURL.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
Przepisz regułę \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Po prostu zmień miejsce, w którym widzisz „yourwebsiteURL.com” na konkretny adres URL witryny, i gotowe.

Przyspieszenie WordPressa

A więc o to chodzi, jeśli chodzi o przyspieszenie WordPressa.

Teraz jest dobry moment, aby jeszcze raz sprawdzić szybkość swojej witryny w GTMetrix. Jeśli wdrożyłeś wiele z tych kroków, założymy się, że zobaczysz teraz wiele ulepszeń!

Jest wiele rzeczy do ogarnięcia i sporo zmian do wprowadzenia, ale mamy nadzieję, że wyjaśniliśmy dlaczego i w jaki sposób wystarczy, abyś podążał.

To, co powinieneś skończyć, to szczuplejsza, bardziej złośliwa i szybsza witryna WordPress. Powinien działać dokładnie tak samo jak zawsze, ale szybciej.

Czy masz jakieś inne wskazówki dotyczące przyspieszenia działania WordPressa? Czy postępowałeś zgodnie z tym przewodnikiem i chcesz podzielić się wynikami? Powiedz nam o tym w komentarzach poniżej!