jak skrócić czas odpowiedzi serwera (TTFB) w WordPress: najlepiej pod 200ms – Lighthouse + PageSpeed Insights pozycja

potrzebujesz skrócić czas odpowiedzi serwera?

serwery są kontrolowane przez twój hosting. Najprostszym sposobem na skrócenie czasu odpowiedzi serwera w WordPress jest unikanie współdzielonego hostingu i korzystanie z bardziej wydajnego serwera. Dzieje się tak dlatego, że hosting współdzielony ma ograniczone zasoby + limity procesora. Niektóre ttfb hosta, takie jak SiteGround i WP Engine, również się pogorszyły. Istnieje wiele ankiet, wyników migracji i rozmów na temat „najszybszego hostingu”, które można znaleźć w wielu bezstronnych grupach na Facebooku, takich jak WP Speed Matters.

poza hostingiem, innym sposobem na poprawę TTFB jest zmniejszenie CPU i zmniejszenie obciążenia serwera. Cloudflare ma wiele funkcji, które mogą zmniejszyć TTFB, w tym CDN, Brotli, HTTP/3, ochronę botów i APO. Możesz także użyć buforowania na poziomie serwera, najnowszych wersji PHP, oczyścić śmieci (bazy danych, nadęte wtyczki, kreatory stron i nadęty administrator) i wyłączyć bicie serca.

Co To jest dobry TTFB?

Google zaleca ttfb poniżej 200ms.

może to być realistyczne dla niektórych witryn WordPress, ale musisz mieć szybką infrastrukturę (hosting, motyw, wtyczki). Jeśli TTFB ma ponad 600ms, jest uważany za powolny i nie powiedzie się audyt.

wolne serwery wpływają na czas ładowania, wyniki PSI (wiele pozycji) i szybkość panelu administracyjnego. Ponieważ funkcje witalne stają się coraz większym czynnikiem rankingowym, osiągnięcie szybkiego TTFB jest ważniejsze niż kiedykolwiek.

jak prawidłowo przetestować TTFB

Latarnia Morska

Latarnia morska jest idealnym miejscem do testowania TTFB. Według Google ” kontrola ta nie powiedzie się, gdy przeglądarka czeka ponad 600 ms na odpowiedź serwera na główne żądanie dokumentu.”

GTmetrix

GTmetix pokazuje Twój TTFB w zakładkach Podsumowanie i struktura. Zarejestruj się, aby uzyskać bezpłatne konto GTmetrix, dzięki czemu możesz przeprowadzać testy z najbliższego centrum danych odwiedzających, zamiast Vancouver.

KeyCDN

KeyCDN mierzy TTFB w 14 różnych lokalizacjach (jest to również moje preferowane narzędzie). TTFBs może być szybki podczas testowania lokalizacji w pobliżu serwera origin i powolny podczas testowania dużych odległości.

Pingdom

Pingdom mierzy TTFB jako czas „oczekiwania” i pozwala testować z różnych lokalizacji.

Chrome DevTools

Chrome DevTools mierzy TTFB, ale ma na niego wpływ opóźnienie komputera i połączenie internetowe, więc możesz zmierzyć TTFB z centrum danych za pomocą jednego z powyższych narzędzi.

zmniejsz zużycie procesora

zmniejszenie CPU (znajdujące się na koncie hostingowym) jest jednym z najlepszych sposobów na skrócenie czasu odpowiedzi serwera. Większość tego samouczka będzie koncentrować się na zmniejszeniu CPU, a tym samym zmniejszeniu obciążenia serwera. Unikaj używania 75%+ limitów PROCESORA, aby twój serwer pozostał zrelaksowany.

dlatego tak ważne jest, aby wybrać plan z wystarczającą ilością zasobów serwera. Firmy hostingowe podają wytyczne oparte na miesięcznych odwiedzinach, ale nie biorą pod uwagę, ile masz wtyczek, czy zużywają dużo zasobów i czy używasz CDN.

unikaj współdzielonego hostingu

współdzielony hosting ma ograniczone zasoby serwera, często powodując powolny TTFB.

jeśli twoi sąsiedzi (inne strony na serwerze) wygłuszają zasoby, Twoja strona jest głodzona. Nie wspominając o tym, że większość hostów współdzielonych ma niskie limity CPU. Dlatego często widzisz błędy 500 na współdzielonym hostingu. Pewnego dnia Twoja strona jest szybka, następnego dnia jest powolna. Nigdy nie uruchomiłbym Elementora, Divi ani WooCommerce na współdzielonym hostingu-wymagają zbyt wielu zasobów.

przełącz się na szybszy Hosting

Większość rekomendacji hostingowych to śmieci i proponuję dołączenie do grupy WP Speed Matters na Facebooku, która jest jedną z niewielu grup, które nie są kontrolowane przez Afiliantów lub menedżera społeczności SiteGround, który „moderuje” negatywne posty na temat swojej marki, podobnie jak w innych grupach.

każdy ma inne ustawienia. Na Cloudways używam FlyingPress + BunnyCDN (lub używam wp Rocket). Na NameHero lub WPX użyjesz wtyczki Litespeed Cache + QUIC . cloud CDN. Oba są świetnymi konfiguracjami i powinny dać Ci szybki ttfb-zobacz moje tutoriale WP Rocket lub Litespeed Cache.

w razie wątpliwości sprawdź ankiety na Facebooku i wyniki migracji (Zobacz więcej).

unikaj powolnych wtyczek + kreatorów stron

niektóre wtyczki mogą spowolnić Twoją witrynę, TTFB i zwiększyć procesor.

Znajdź najwolniejsze wtyczki-Query Monitor i New Relic są świetne do znajdowania wolnych wtyczek. Zainstaluj Monitor zapytań, Wyświetl stronę w witrynie, najedź kursorem na kartę Monitor zapytań i przejdź do zapytania → zapytania według komponentów. Możesz sprawdzić wiele stron / postów pod kątem różnych zapytań.

WP Hive to sprytne rozszerzenie Google Chrome, które mówi, czy wtyczka wpłynie na wykorzystanie pamięci / wyniki PageSpeed Insights podczas przeglądania wtyczek w repozytorium WordPress.

unikaj ciężkich kreatorów stron – Elementor + Divi został zmiażdżony w podstawowych witalach internetowych. Oprócz dodatkowych CSS, JavaScript i niezliczonych wrapperów div, strony te zazwyczaj polegają na dodatkowych wtyczkach i dodatkach innych firm. Powoduje to jeszcze więcej wzdęć. Przeniosłem się z Elementora do Gutenberga i zrobiłem ogromną poprawę. Nawet twarde kodowanie menu, nagłówka, stopki i paska bocznego w CSS może usunąć wiele wzdęć kreatora stron. Możesz również użyć czyszczenia zasobów i Perfmatters, aby rozładować nieużywane CSS i JS (i użyć eksperymentalnych funkcji Elementora), ale unikałbym ich.

lekkie alternatywy wtyczek

• SEO – Rank Math.
• Kopie Zapasowe-UpdraftPlus.
• suwaki-Soliloquy lub MetaSlider.
• Kreator stron-Oxygen, Kadence theme, Gutenberg, Genesis.
• Galeria-Galeria Gutenberga lub Galeria miau.
• Analytics-Google Analytics i Google Search Console (bez wtyczek).
• Social Sharing – Grow by Mediavine (najszybsza wtyczka do udostępniania społecznościowego w teście wp Rocket).
• Komentarze-Komentarze natywne lub wpDiscuz z zoptymalizowanymi ustawieniami i opóźnieniem JavaScript.

czyszczenie bazy danych

dokładne czyszczenie bazy danych może poprawić TTFB.

wielu z was używa wp Rocket do automatycznego czyszczenia bazy danych, ale to nie pozwala przejść przez rzeczywiste tabele bazy danych i usunąć tabele pozostawione przez stare wtyczki. Do tego polecam WP-Optimize. Przejrzyj zakładkę ” tabele „i poszukaj wtyczek, które nie są zainstalowane.”Jeśli usunąłeś wtyczkę (lub wyłączyłeś moduł wtyczki) i już jej nie używasz, możesz ją usunąć.

zwiększ żywotność pamięci podręcznej

większość wtyczek pamięci podręcznej pozwala ustawić żywotność pamięci podręcznej. Zwiększając to, oszczędzasz zasoby serwera, ponieważ pamięć podręczna nie musi być budowana tak często. Jest to dobre, jeśli nie publikujesz treści często (jak strona z wiadomościami), w przeciwnym razie prawdopodobnie powinieneś zostawić to jako domyślne.

Wyłącz bicie serca WordPressa

bicie serca WordPressa zużywa zasoby, wyświetlając powiadomienia o wtyczkach w czasie rzeczywistym, gdy inni użytkownicy edytują post itp. Dla większości właścicieli witryn zwykle wyrządza więcej szkody niż pożytku. Istnieje wiele wtyczek, aby to wyłączyć (wp Rocket, Perfmatters, większość wtyczek cache).

aby wyłączyć interfejs API Heartbeat WordPress bez wtyczki, przejdź do edytora motywów wygląd >, a następnie Edytuj funkcje.plik php Twojego motywu. Następnie wklej kod zaraz po <?tag php:

add_action( 'init', 'stop_heartbeat', 1 );function stop_heartbeat() {wp_deregister_script('heartbeat');}

nie łącz CSS + JavaScript

Mniejsze witryny powinny zazwyczaj łączyć CSS/JS, podczas gdy większe witryny nie powinny. Według WP Johnny strony o rozmiarze CSS / JS poniżej 10KB powinny się łączyć, podczas gdy powyżej 10KB nie powinny. Dalej mówi, że jeśli chodzi o TTFB, to chodzi o to, by zacząć wcześniej, a nie kończyć wcześniej.

Aktualizacja do PHP 7.4

wiele hostów wydało już PHP 8.0, nowsze wersje MySQL i nowe funkcje, aby Twoja witryna była szybsza przy jednoczesnym zmniejszeniu TTFB. Upewnij się, że korzystasz z optymalizacji oferowanych przez hosta. Wiele wtyczek / motywów nadal ma problemy ze zgodnością z PHP 8.0, w którym można używać PHP 7.4.

zwiększ Limit pamięci

Elementor i WooCommerce wymagają limitu pamięci 256 MB, ale tak czy inaczej powinieneś go zwiększyć do 256 MB, zwłaszcza jeśli Twoja witryna otrzymuje fatalne błędy limitu pamięci.

Dodaj kod do wp-config.php przed ” szczęśliwym blogowaniem.”

define('WP_MEMORY_LIMIT', '256M');

niektóre hosty mają również opcję zwiększenia jej w swoim pulpicie nawigacyjnym.

użyj buforowania na poziomie serwera

wiele hostów oferuje buforowanie na poziomie serwera, co zmniejsza TTFB i przyspiesza witrynę. Cloudways, SiteGround (i SG Optimizer), Kinsta i A2 Hosting to tylko niektóre z nich. Osobiście używam memcached, NGINX i Redis (z wyłączonym lakierem) w Cloudways. Pamięć podręczna na poziomie serwera jest szybsza niż wtyczki pamięci podręcznej, ponieważ pochodzi z serwera, który jest szybszy niż pamięć podręczna oparta na plikach.

odciąż zasoby do CDN

CDN odciąż zasoby do swoich centrów danych i zmniejsz obciążenie serwera.

proponuję Cloudflare, BunnyCDN, QUIC.cloud (jeśli używasz Litespeed Cache) lub Cloudfront. I rozważ nie używanie StackPath, który jest używany w wielu CDN, takich jak RocketCDN i CloudwaysCDN.

pozostałe trzy CDN mają lepszą wydajność niż Cloudflare, ale większość z nich kosztuje. Niezależnie od tego, który CDN wybierzesz, użyłbym Cloudflare dla Twojego DNS, ponieważ ich DNS jest znacznie szybszy niż DNS GoDaddy lub NameCheap. Aby korzystać z DNS Cloudflare, wystarczy zarejestrować się w Darmowym planie, a następnie zmienić serwery nazw. Używam Cloudflare dla DNS i BunnyCDN dla mojego CDN.

jedną z zalet Cloudflare jest to, że mają dodatkowe funkcje, które mogą zmniejszyć TTFB (takie jak Brotli, HTTP/3, ochrona botów, reguły strony i ich APO), o których opowiem w następnych kilku krokach.

Krok 1: Zarejestruj bezpłatne konto Cloudflare, dodaj swoją witrynę i uruchom skanowanie monitowane przez Cloudflare. Ostatecznie dojdziesz do strony, na której Cloudflare przydziela Ci serwery nazw 2.

Krok 2: Dodaj serwery nazw Cloudflare do NameCheap. Przejdź do Pulpitu Nawigacyjnego → lista domen → Zarządzaj → serwery nazw → Niestandardowy DNS. Dodaj dwa serwery nazw Cloudflare dostarczone przez Ciebie.

Włącz Brotli

Brotli jest szybszy niż kompresja GZIP. Oba zmniejszą rozmiary plików HTML, CSS i JavaScript. Pozwala to na szybsze pobieranie tych zasobów i poprawia TTFB. Cloudflare ma opcję włączenia Brotli w Ustawieniach prędkości, w przeciwnym razie użyjesz gzip w wtyczce pamięci podręcznej.

Włącz HTTP/3

na blogu Cloudflare mówią, że średnio z HTTP/3 widzimy pierwszy bajt pojawiający się po 176ms. z HTTP/2 widzimy 201ms, co oznacza, że HTTP/3 działa już o 12.4% lepiej.

HTTP/3 można włączyć w ustawieniach sieci na pulpicie nawigacyjnym Cloudflare. I jeśli używasz Quic.chmura lub inny CDN, upewnij się, czy mają również obsługę HTTP / 3.

Włącz ochronę botów

Twoja strona wp-login jest wysokim celem dla złych botów.

nawet jeśli botom nie uda się zalogować do twojej witryny, możesz znaleźć je próbujące się zalogować, które zużywają zasoby serwera. Możesz je zablokować, przenosząc stronę logowania (za pomocą Perfmatters lub WPS Hide Login) do niestandardowego adresu URL logowania, a następnie włączając ochronę botów w Ustawieniach Cloudflare.

Krok 1: Zainstaluj Wordfence.

Krok 2: Zobacz raport ruchu na żywo przez kilka minut, aby zobaczyć, kto odwiedza Twoją witrynę w czasie rzeczywistym.

Krok 3: Przenieś swoją stronę wp-login. Możesz to zrobić za pomocą Perfmatters lub WPS Hide Login.

Krok 4: Zablokuj spam boty jeszcze bardziej, włączając tryb walki botów w Cloudflare → Firewall → boty → tryb walki botów (Cloudways ma również ochronę botów) lub spróbuj Blackhole dla złych botów.

Utwórz regułę strony Cache 'u wszystkiego

jeśli używasz Cloudflare, Dodaj regułę strony do cache’ u wszystkiego.

przejdź do Pulpitu nawigacyjnego Cloudflare → reguły strony. Skopiuj / wklej poniższą regułę, zastąp tylko moją domenę swoją. Jeśli masz WooCommerce lub dynamiczną witrynę i napotkasz problemy podczas dodawania reguły strony cache everything, spróbuj użyć wtyczki WP Cloudflare Super Page Cache.

dodatkowo możesz utworzyć regułę strony dla wp-admin, aby ją chronić, ominąć pamięć podręczną i zapobiec uruchomieniu aplikacji i funkcji wydajności (np.

rozważ APO Cloudflare

Cloudflare przetestował swoje APO na witrynach 500 i stwierdził, że średnio poprawił TTFB o 90ms. to serwuje całą witrynę z sieci brzegowej Cloudflare. To $5 / miesiąc, ale warto przetestować, jeśli masz powolny TTFB. Upewnij się, że jest kompatybilny z wtyczką cache, ponieważ nie ma jej w WP Rocket.

użyj szybszej wtyczki Cache

WP Rocket i Litespeed Cache to Złote standardy dla wtyczek cache.

jednak większość ludzi nie konfiguruje ich za pomocą optymalnych ustawień. Napisałem popularne samouczki dotyczące konfigurowania wp Rocket, WP Fastest Cache, W3 Total Cache I WP Super Cache.

w przypadku większości innych wtyczek pamięci podręcznej musisz zainstalować około 6 dodatkowych wtyczek, aby uzyskać te funkcje, gdy WP Rocket ma je wszystkie wbudowane, zmniejszając liczbę wtyczek w Twojej witrynie. Jeśli jesteś taki jak ja, chcesz używać tylko wtyczki 1, w przeciwnym razie będziesz musiał zbadać, które funkcje zawiera wtyczka pamięci podręcznej, a następnie zainstalować te wtyczki, jeśli ich nie obsługuje.

• czyszczenie bazy danych – WP-Optymalizacja
• optymalizacja CSS/JS – Autoptimize
• opóźnienie wykonania JavaScript – latające Skrypty
• Host Google Analytics lokalnie – Latająca Analiza
• integracja URL CDN – Włącznik BunnyCDN / CDN
• Kontrola bicia serca – sterowanie biciem serca / kod ręczny
• leniwe ładowanie obrazów/filmów – optimole / WP YouTube lyte
• wstępnie załaduj linki / Natychmiastowa strona – Perfmatters lub strony latające
• Hostuj lokalnie piksel Facebooka – Brak wtyczki To wiem
• prefetch/preload – Pre* Party Resource Hints / manual code
• Font-display:swap – zamień Google Fonts Display / manual code

Wyłącz udostępnianie danych we wtyczkach

Przepraszamy programistów wtyczek, ale jeśli jakiekolwiek wtyczki kiedykolwiek poproszą Cię o udostępnienie danych, wyłączenie go nieznacznie zmniejszy zużycie procesora, ponieważ serwer nie będzie musiał wysyłać danych do programistów wtyczek.

Ogranicz wersje postów + Autosaves

domyślnie WordPress nie ogranicza wersji postów, a interwał autosave jest częsty (1 minuta). Zmniejszenie wersji postów (kopii zapasowych starych postów)i zwiększenie interwału autozapisu (np. Możesz zrobić obie te rzeczy za pomocą Perfmatters lub dodając następujący kod do wp-config.plik php.

define('WP_POST_REVISIONS', 5);

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

Zastąp WordPress Cron prawdziwymi zadaniami Cron

cron WordPress jest wykonywany za każdym razem, gdy strona jest ładowana i często jest celem ataków DOS. Zastępując go prawdziwym zadaniem cron, możesz również zaplanować interwały i oszczędzać zasoby.

w większości przypadków otworzysz wp-config.plik php i dodaj wiersz kodu, aby wyłączyć WordPress cron. Następnie dodasz drugą linię kodu do sekcji Zadania cron na swoim koncie hostingowym.

define('DISABLE_WP_CRON', true);

cd /path/to/your/wordpress; wp cron event run --due-now >/dev/null 2>&1

ponownie przetestuj Czas odpowiedzi serwera (TTFB)

po wprowadzeniu wszystkich zmian z tego przewodnika, ponownie przetestuj TTFB i mam nadzieję, że będzie szybciej.

Najczęściej zadawane pytania

wniosek: dołącz do grupy WP Speed Matters na Facebooku, aby uzyskać prawdziwe, bezstronne opinie. Spójrz na ankiety na Facebooku, które zostały zrobione i ludzi, którzy migrowali do różnych hostów i publikowali swoje wyniki. Wreszcie, trzymaj się z dala od niskiej jakości partnerów hostingowych, którzy chcą tylko prowizji.

Pozdrawiam,
Tomek