23 wskazówki, jak przyspieszyć witrynę WordPress w celu uzyskania lepszej wydajności

Podczas audytu technicznego priorytetem powinna być optymalizacja szybkości WordPressa . Użytkownicy szybko odchodzą od stron o niskiej szybkości ładowania stron, ale możesz skorzystać z wielu narzędzi online, które oferują szczegółowy wgląd w wydajność witryny.

Optymalizacja szybkości WordPressa zaczyna się od hostingu WordPress. Proces ten nie różni się zbytnio od tego, który służy do optymalizacji strony internetowej hostowanej na serwerze współdzielonym lub dedykowanym. Z tego powodu niektóre z narzędzi wymienionych poniżej, takie jak Breeze, mogą być podobne do tych, z których korzystałeś w swojej udostępnionej witrynie.

Dlaczego powinieneś przyspieszyć swoją witrynę WordPress?

Źle działający panel administracyjny wpłynie na Twoją pracę i efektywność czasową podczas zarządzania witryną, zwłaszcza, że ​​Twój pulpit nawigacyjny może być trudny w obsłudze.

Poza tym odwiedzający nie będą czekać na załadowanie Twojej witryny. Jeśli coś nie działa tak, jak chcą, odejdą. A co gorsza, wielu z nich już nigdy nie wróci.

Badanie przeprowadzone przez Portent w 2019 roku wykazało, że pierwsze 5 sekund czasu ładowania strony ma największy wpływ na współczynniki konwersji. Okazało się również, że współczynniki konwersji spadają średnio o 4,42 procent z każdą sekundą czasu ładowania.

W 2019 roku Unbounce dowiedziało się, że ludzie woleliby mieć krótsze czasy ładowania niż fantazyjne animacje i filmy na stronie. W 2017 r. Google stwierdził, że prawdopodobieństwo odbicia się użytkownika od Twojej witryny wzrasta o 32 procent, gdy czas ładowania strony wynosi od 1 do 3 sekund.

Jeśli jeszcze nie jesteś przekonany, sprawdź badanie przeprowadzone przez Think With Google, które ujawniło, jak niekorzystnie słabe czasy ładowania strony mogą wpływać na współczynniki odrzuceń.

Podstawowe wskaźniki internetowe

Google używa Core Web Vitals, aby zrozumieć, czy użytkownik opuszcza Twoją stronę zadowolony, czy nie, a szybkość strony ma ogromny wpływ na wrażenia użytkownika. Na przykład Google użyje szybkości strony, aby przeanalizować, czy Twoi użytkownicy są sfrustrowani powolnym czasem wczytywania i odbijają się w ciągu kilku sekund.

Aby ulepszyć swoje podstawowe wskaźniki internetowe, aby przyspieszyć działanie witryny WordPress, musisz zrozumieć, jak to działa. Core Web Vitals jest podzielony na trzy elementy: największe wyrenderowanie treści, opóźnienie pierwszego wejścia i skumulowane przesunięcie układu.

LCP to miara tego, jak długo trwa ładowanie strony od pierwszego kliknięcia linku do większości treści. Różni się od innych wskaźników szybkości, takich jak TTFB, ponieważ LCP mierzy szybkość strony z punktu widzenia użytkownika. Niezależnie od tego, czy sprawdzasz LCP w Google PageSpeed ​​Insights, czy w Google Search Console, otrzymasz szczegółową analizę elementów witryny, które wpływają na LCP.

Zasięg:

• 0 do 2 sekund – dobrze
• 3 do 4 sekund – wymaga poprawy
• 5 do 6 sekund – słaba

Drugim kluczowym elementem sieci Web jest First Input Delay lub FID . Mierzy czas potrzebny użytkownikowi na interakcję z Twoją stroną. Interakcję można zdefiniować jako wybranie menu, wypełnienie formularza lub wyszukanie preferowanego produktu na pasku wyszukiwania. Więc jeśli Twoja witryna jest wysoce interaktywna, jest to ważny klucz internetowy, nad którym powinieneś pracować.

Zasięg:

• 0 do 100ms – Dobra
• 200ms do 300ms – wymaga poprawy
• 400ms do 500ms – słaba

Kumulatywne przesunięcie układu lub CLS mierzy stabilność wizualną strony podczas ładowania. Mówiąc prościej, jeśli obrazy na Twojej stronie poruszają się podczas ładowania strony, oznacza to, że masz problem z CLS, który wymaga rozwiązania. Google uważa to za kluczowy element sieci, ponieważ mylące jest przesuwanie elementu strony w inne miejsce po całkowitym załadowaniu strony.

Zasięg:

• 0 do 0,1 – dobry
• 0,1 do 0,25 – wymaga poprawy
• 0,25 do 0,3 – słaba

Jak przyspieszyć witrynę WordPress?

Źródło: Techwyse

Nie jest konieczne jednoczesne wypróbowywanie wszystkich tych rozwiązań, aby uzyskać szybszą witrynę WordPress. W zależności od Twoich wymagań możesz użyć tylko kilku z nich.

Więc zaczynamy!

1. Zapytaj swojego dostawcę usług hostingowych w chmurze

Zanim zaczniesz podejmować jakiekolwiek działania, zalecamy zapytać swojego dostawcę usług hostingowych zarządzanych przez WordPress o ich produkt i zgodność z WordPress. Mogą udzielić kilku wskazówek i pomysłów, jak przyspieszyć działanie witryny WordPress. Pomoże Ci to w efektywnej optymalizacji szybkości WordPress i zaoszczędzi Twój czas.

Jak Twój hosting może poprawić szybkość Twojej witryny?

Kiedy odwiedzasz witrynę, w zasadzie uzyskujesz dostęp do plików z komputera, który jest prawdopodobnie oddalony od Ciebie o sto lub tysiące mil. Ten serwer musi wykonać takie zadania, jak wykonanie kodu, uruchomienie zapytań do bazy danych i serwowanie plików, aby Twoja strona internetowa mogła się załadować. Im szybciej serwer wykona te zadania, tym szybciej ładuje się Twoja witryna.

Od czego zależy szybkość Twojego serwera? Serwer dedykowany jest szybszy, ponieważ zasoby nie są dzielone między innymi stronami internetowymi, co oznacza, że ​​uzyskujesz optymalną wydajność o każdej porze dnia. Serwer dedykowany może przyspieszyć działanie witryny WordPress, ponieważ otrzymujesz serwer tylko dla siebie. Nigdy nie musisz się martwić, że wpadniesz na ograniczenia swojego serwera.

Większy serwer jest zdecydowanie szybszy niż mniejszy. Na przykład 8 GB pamięci RAM, dysk twardy SSD 50 GB z dwurdzeniowym procesorem wykona te zadania znacznie szybciej niż serwer z mniejszymi zasobami.

2. Zainstaluj skuteczną wtyczkę buforującą

Jedną z najpopularniejszych metod zwiększania szybkości witryny jest użycie wtyczki pamięci podręcznej. Wtyczka buforująca będzie przechowywać ostateczny widok Twojej witryny dla przyszłych odwiedzających. Oznacza to, że Twój WordPress nie będzie musiał generować go dla każdej kolejnej osoby przeglądającej witrynę. Te dane mogą obejmować kod HTML, JS i CSS, obrazy, czcionki i pliki Flash.

Breeze poprawia komfort użytkowania Twojej witryny, zwiększając wydajność witryny WordPress, skracając czas pobierania i zapewniając integrację sieci dostarczania treści jednym kliknięciem.

Breeze to bezproblemowa wtyczka pamięci podręcznej WordPress, która eliminuje złożoność najwyżej ocenianych wtyczek pamięci podręcznej.

Cechy:

• Kompatybilny WordPress, WooCommerce i WordPress Multisite.
• Minifikacja
• Kompresja gzip
• Obsługuje lakier
• Buforowanie przeglądarki
• Grupowanie plików statycznych
• Optymalizacja bazy danych
• Wykluczenia plików

Zanim samodzielnie wybierzesz i zainstalujesz wtyczkę, zapytaj swojego dostawcę usług hostingowych, czy woli konkretną wtyczkę do buforowania.

3. Sieć dostarczania treści Cię nie rozczaruje

CDN (Content Delivery Network) to również kolejna ważna opcja przyspieszenia witryny WordPress. WordPress CDN oferuje lepsze czasy ładowania Twojej witryny, bez względu na rodzaj witryny, którą prowadzisz.

Istnieje kilka świetnych opcji, które możesz wypróbować, takich jak CloudwaysCDN, CloudFlare i jsDelivr.

CloudwaysCDN to łatwy w użyciu CDN, który zapewnia integrację jednym kliknięciem z witryną WordPress za jedyne 1 / 25 GB miesięcznie.

Cechy:

• Obsługiwane HTTP
• Integracja jednym kliknięciem
• Niedrogie
• Globalny zasięg

Cloudflare oferuje podstawowy bezpłatny plan, który obejmuje szybką wydajność witryny, statystyki dotyczące odwiedzających i ochronę bezpieczeństwa. Cloudflare wykorzystuje technologię o nazwie Anycast, która przekieruje odwiedzających do najbliższego centrum danych. Działa w ponad 28 centrach danych na całym świecie.

Cechy:

• • Optymalizacja mobilna
  • Globalna sieć do obsługi szybkiego DNS
  • Analityka ruchu na Twojej stronie
  • Aplikacje zapewniające szybszą, bezpieczniejszą i prostszą witrynę jednym kliknięciem

jsDelivr to darmowy produkt, który pozwala każdemu programiście hostować swoje pliki, takie jak CSS, JavaScript, wtyczki jQuery i czcionki. Cloudflare i MaxCDN to obsługują.

4. Poszukaj nieaktywnych wtyczek lub wtyczek, które nie działają poprawnie

Innym sposobem na przyspieszenie witryny WordPress jest sprawdzenie, czy obecne wtyczki działają poprawnie. Wtyczki i narzędzia mogą czasami powodować opóźnienia w Twojej witrynie, spowalniając jej ładowanie.

Aby wykonać testy, możesz pobrać inną wtyczkę. Nazywa się Monitor zapytań. Ta wtyczka jest bezpłatna i po zainstalowaniu zgłosi wszelkie problemy z wydajnością Twojej witryny.

Jeśli znajdziesz wtyczki, które spowalniają Twoją witrynę, usuń je lub spróbuj znaleźć inne wtyczki wydajności dla Twojej witryny WordPress.

Ponadto utrzymywanie dużej liczby aktywnych wtyczek wpłynie na szybkość witryny WordPress.

5. Kompresuj pliki multimedialne

Przesyłanie bardzo dużych obrazów i filmów znacznie spowolni działanie witryny WordPress. Z tego powodu innym rozwiązaniem przyspieszającym witrynę WordPress jest skompresowanie plików multimedialnych.

Dostępna jest bezpłatna wtyczka do WordPressa, która może automatycznie zmniejszyć wszystkie wymiary obrazu, więc nie trzeba tego robić wielokrotnie dla każdego obrazu. Alternatywnie możesz również wypróbować WP Compress – doskonałą wtyczkę do optymalizacji obrazu.

Krótko mówiąc, mniejsze pliki umożliwiają lepsze ładowanie stron, a skompresowane pliki multimedialne są dobre do optymalizacji szybkości WordPress.

6. Kompresuj rozmiar swojej witryny WordPress

Im mniejszy jest rozmiar Twojej witryny, tym szybciej się ładuje.

Kompresja GZip może zmniejszyć rozmiar zawartości witryny o około 70 procent. Strona internetowa po skompresowaniu ładuje się szybciej ze względu na zmniejszenie przepustowości.

Kompresji GZip można dokonać po prostu instalując i aktywując wtyczkę pamięci podręcznej Breeze WordPress. Pomogłoby to uzyskać dobrą ocenę wydajności w narzędziach do testowania witryn, a także przyspieszyć działanie witryny WordPress.

7. Sprawdź, czy witryna i baza danych znajdują się w tym samym centrum danych

Sprawdź, czy Twoja witryna WordPress i baza danych znajdują się w tym samym centrum danych. Bliskość jest zawsze ważna, gdy mówimy o hostingu i serwerach. Posiadanie strony internetowej i jej bazy danych w tym samym centrum danych ułatwia i usprawnia proces pobierania postów i pracy z bazą danych, optymalizując w ten sposób działanie strony.

Aby dowiedzieć się, gdzie znajduje się Twój serwer, zapytaj swojego dostawcę hostingu. Czasami firmy pokazują również lokalizacje swoich serwerów podczas procesu rejestracji.

8. Zoptymalizuj stronę główną swojej witryny WordPress

Inną rzeczą, którą możesz zrobić, aby przyspieszyć działanie witryny WordPress, jest zoptymalizowanie strony głównej. Spraw, by wyglądało to prościej, bez zawartości klastrowej i bezużytecznych widżetów lub narzędzi.

Nie pokazuj też postów w pełnej długości. Możesz pokazać tylko pierwszy akapit lub konkretny fragment tekstu. Wyświetlanie zbyt wielu postów na tej samej stronie również może wydłużyć czas ładowania.

Im czystsza jest twoja strona główna, tym szybciej się ładuje.

9. Aktualizuj Aktualizuj Aktualizację

Aktualizuj swój WordPress przez cały czas. Niezależnie od tego, czy jest to wtyczka, czy motyw, pamiętaj, że są one zawsze aktualne. Jeśli dostępna jest nowa poprawka, spróbuj przetestować każdą aktualizację w witrynie testowej WordPress przed zastosowaniem jej w działającej witrynie.

10. Wyłącz Hotlinking

Hotlinking to termin używany, gdy jedna strona internetowa korzysta z zasobów innej. Na przykład, jeśli ktoś skopiował obraz z Twojej witryny, po załadowaniu jego witryny ładuje on obraz z Twojej witryny. Oznacza to, że zużywa przepustowość i zasoby z twojego serwera.

Mówiąc prościej, można powiedzieć, że hotlinking to „ zabójca ” przepustowości łącza.

Aby uniknąć takiego przejęcia, wystarczy umieścić poniższe wiersze w pliku WordPress .htaccess

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

Jak widać, wyłączyliśmy Feedburnerimages, aby mogły pojawiać się poprawnie w Twoich kanałach na żywo.

11. Zminimalizuj pliki JavaScript i CSS

Jeśli przetestujesz swoją witrynę WordPress za pomocą Google PageSpeed ​​Insights lub ySlow, otrzymasz monit z ostrzeżeniem, aby zminimalizować pliki JavaScript i CSS. Oznacza to, że musisz zredukować wywołania JS i CSS, aby skrócić czas odpowiedzi serwera i zminimalizować rozmiary plików. Zmniejszając je, zauważysz, że prędkość ładowania witryny staje się znacznie szybsza niż wcześniej. To ostatecznie pomoże Ci zaoszczędzić wykorzystanie przepustowości.

Istnieje wiele sposobów na minifikację. Możesz to zrobić ręcznie lub za pomocą wtyczki pamięci podręcznej WordPress „Breeze”. Istnieją jednak inne wtyczki, takie jak Autooptimize.

12. Użyj lekkiego motywu

Na rynku WordPress jest wiele błyszczących i pięknych motywów. Ale nie zapominaj, że motywy z dużą ilością dynamicznej zawartości, widżetów, suwaka, paska bocznego itp. mogą spowolnić reakcję serwera hostingowego.

Zawsze optymalizuj motyw WordPress lub używaj lekkiego motywu WordPress. Domyślne motywy WordPress mogą wystarczyć, jeśli chcesz prowadzić bloga. Aby uzyskać więcej funkcji, możesz użyć motywów opartych na Bootstrap i Foundation.

13. Rewizje stanowisk kontrolnych

Bez wątpienia post rewizja to świetna funkcja WordPressa. Ale nie każda funkcja jest dostępna dla każdego. Niewielu użytkowników ma mało miejsca na dysku i w bazie danych.

W rewizjach postów, za każdym razem, gdy zmieniasz treść, nowa kopia postu jest zapisywana w bazie danych, zamiast usuwać poprzednią. Abyś zawsze miał szansę na powrót. Zwiększa rozmiar bazy danych, a duża baza danych może powodować wiele problemów.

Możesz ograniczyć częstotliwość automatycznego zapisywania posta. W folderze głównym instalacji WordPress otwórz plik wp-config za pomocą dowolnego edytora plików i napisz dowolny z poniższych kodów przed kodem require_once(ABSPATH . 'wp-settings.php');

Limituj rewizję posta:

 zdefiniować ('WP_POST_REVISIONS', 3);

Ograniczy liczbę wersji do 3. Oznacza to, że Twój WordPress ograniczy się do zapisania tylko trzech wersji.

Wyłącz post rewizję:

 zdefiniuj ('WP_POST_REVISIONS', fałsz);

Całkowicie wyłączy publikację wersji witryny WordPress. Całkowite wyłączenie nie jest najlepszą praktyką.

Zwiększ interwał autozapisu

 define('AUTOSAVE_INTERVAL', 300 ); // sekundy

Możesz także ustawić częstotliwość automatycznego zapisywania posta. 300 sekund oznacza, że ​​Twój post będzie automatycznie zapisywany co 5 minut, a nie ustawienia domyślne.

14. Usuń bezużyteczne widżety i przyciski udostępniania społecznościowego

Użytkownicy WordPressa często dają się ponieść emocjom, jeśli chodzi o widżety. Użytkownicy czują, że powinni zainstalować jak najwięcej, aby ich witryna była bardziej funkcjonalna, nie wiedząc, że te widżety mają swoją cenę poza ich ceną. Widgety mają tendencję do powiększania Twojej witryny, co powoduje powolne ładowanie, ponieważ generuje znaczną liczbę żądań na froncie. Dodatkowo każde żądanie to dodatkowe wywołanie bazy danych

Najlepszym rozwiązaniem, aby przyspieszyć działanie witryny WordPress, w tym przypadku, jest ograniczenie widżetów do minimum i używanie tylko tych, których naprawdę potrzebuje Twoja witryna. W przypadku innych funkcji możesz również użyć kodów, co jest znacznie mniej zasobożernym sposobem na zwiększenie funkcjonalności witryny.

15. Ogranicz zewnętrzne skrypty i żądania HTTP

Motywy i wtyczki są często wypełnione zewnętrznymi skryptami, które wywołują różne zasoby, w tym JavaScript, CSS, czcionki i obrazy.

Sprawdzając kod źródłowy witryny, natkniesz się na skrypty, których nie znasz. Najlepszym sposobem na przyspieszenie działania witryn WordPress jest zredukowanie jak największej liczby zewnętrznych żądań HTTP i oddzielne ich hostowanie.

16. Zoptymalizuj bazę danych WordPress

Aby zoptymalizować prędkość WordPress, musisz zoptymalizować bazę danych WordPress. Podobnie jak dysk twardy Twojego komputera, Twoja baza danych WordPressa zapełnia się niepotrzebnymi śmieciami. Niezoptymalizowana baza danych WordPress z czasem spowalnia Twoją witrynę. Prostym rozwiązaniem jest od czasu do czasu posprzątanie.

Możesz użyć wtyczki do optymalizacji bazy danych, aby wyczyścić bazę danych WordPress, lub ręcznie zwolnić bazę danych ze śmieci, których nie potrzebujesz, aby przyspieszyć działanie witryny WordPress.

17. Ogranicz połączenia do bazy danych i użyj pamięci podręcznej bazy danych

Wiele motywów WordPress jest słabo zakodowanych i istnieje duże prawdopodobieństwo, że używasz takiego, który wysyła niepotrzebne połączenia do bazy danych. W takim przypadku bardzo ważne jest zastąpienie niechcianych wywołań PHP i baz danych prostym kodem HTML.

Redis i Memcached to dwa mechanizmy buforowania, które pomagają przyspieszyć działanie witryny WordPress poprzez buforowanie wszystkich żądań. W ten sposób obsługa najczęstszych żądań zajmuje mniej czasu.

18. Użyj lepszej bazy danych lub hostuj ją osobno

Ważne jest, abyś korzystał z renomowanej bazy danych dla swojej witryny WordPress. MySQL jest najczęściej używany przez dostawców hostingu ze względu na jego niezawodność i wydajność wraz z MariaDB i PostgreSQL.

Podczas zmiany hosta ważne jest, aby sprawdzić, jaką bazę danych udostępnia, ponieważ jest to ogromny wyznacznik szybkości Twojej witryny. Ponadto, jeśli Twój host obsługuje MariaDB, sugerowałbym przeniesienie tam bazy danych, aby uzyskać większą szybkość.

19. Dodawanie czcionek Google

Użytkownicy WordPressa często używają Google Fonts na swojej stronie internetowej ze względu na obszerną bibliotekę i fakt, że jest hostowana osobno na innym serwerze, co znacznie zmniejsza obciążenie serwera.

Chociaż korzystanie z Google Fonts to świetny sposób na urozmaicenie swojej witryny, powinieneś wiedzieć, jak w pełni go wykorzystać, aby przyspieszyć swoją witrynę WordPress.

Po pierwsze, musisz upewnić się, że wstępnie ładujesz czcionki Google, aby zoptymalizować swoją witrynę pod kątem szybkości. Po drugie, zawsze zaleca się, aby hostować czcionki Google lokalnie, co oznacza pobranie pliku czcionek do systemu lokalnego. Chociaż ta metoda pomija zależność od strony trzeciej podczas korzystania z czcionki, zapobiega również automatycznym aktualizacjom, więc konieczne będzie ręczne aktualizowanie czcionek. Na koniec używaj jak najmniejszej liczby wariantów czcionek, ponieważ im więcej wariantów czcionek używasz, tym dłużej trwa ich pobranie.

20. Komentarze na temat stron

Komentarze są powszechną funkcją, szczególnie w przypadku blogów WordPress. Jeśli jest to popularny, prawdopodobnie sekcja komentarzy będzie zawierać setki komentarzy, które będą wymagały zasobów, aby się wczytać.

Podział komentarzy na strony to dobra praktyka, aby przyspieszyć działanie witryny WordPress. Umożliwia użytkownikom ładowanie komentarzy na żądanie, więc tylko ci, którzy są zainteresowani sekcją komentarzy, będą mogli ją zobaczyć. Możesz to zrobić, przechodząc do Ustawienia > Dyskusje .

21. Paginacja treści w długiej formie

Oprócz stronicowania komentarzy możesz także dzielić na strony długie treści, aby skrócić długość strony i szybko ją wczytać. Kolejną korzyścią z dzielenia treści na strony jest to, że poprawia to czytelność i ułatwia konsumpcję.

Większość motywów ma opcję stronicowania treści z backendu, ale jeśli nie możesz jej znaleźć, po prostu otwórz plik single.php w swoim edytorze i dodaj <?php wp_link_pages(); ?> w pętli WP.

22. Lazy Load Images

Lazy loading to odwieczna technika optymalizacji szybkości WordPress, w której obrazy są ładowane, gdy użytkownik przewija stronę. Chodzi o to, aby nie ładować wszystkich elementów strony na raz, ponieważ obciąża to serwer, co powoduje wolniejsze czasy ładowania. Raczej ładuje obrazy w momencie, gdy użytkownik dotrze do części strony, w której znajduje się obraz.

Istnieje wiele wtyczek z leniwym ładowaniem, których można użyć do zaimplementowania tej techniki.

23. Używaj platform stron trzecich do treści wizualnych

Chociaż filmy są dobrym sposobem na zaangażowanie odbiorców, zwykle zajmują one znaczną ilość zasobów serwera, aby się załadować. Najlepszym sposobem na przyspieszenie witryny WordPress w tym przypadku jest oddzielne hostowanie filmów w usługach hostingu wideo, takich jak Youtube lub Vimeo.

Możesz przesłać filmy na YouTube lub Vimeo i użyć kodu embed, aby dodać je do swojej strony. W ten sposób Twoje filmy nie będą ładować się na Twoim serwerze i zwolnią zasoby dla innych elementów.

Streszczenie

Oto kilka rozwiązań, które możesz wypróbować i wdrożyć, aby poprawić szybkość witryny WordPress. Jeśli chcesz przeczytać więcej o możliwościach dobrego hostingu dla WordPress, sprawdź tę recenzję Cloudways autorstwa CollectiveRay.

Jeśli jest coś ważnego, co przegapiłem, nie wahaj się mówić w komentarzach.