Jak przyspieszyć WordPress Strona internetowa i przepustka Core Web Vitals - Przewodnik 2026

W dzisiejszej epoce cyfrowej WordPress Szybkość i optymalizacja witryny odgrywają kluczową rolę w zapewnianiu optymalnego doświadczenia użytkownika. Wolno ładujące się witryny nie tylko frustrują odwiedzających, ale mogą również niekorzystnie wpływać na rankingi w wyszukiwarkach i ogólną reputację w Internecie.

Faktycznie, statystyki to pokazały 40% użytkowników opuści witrynę, jeśli tak się nie stanie załaduj w ciągu 3 sekund ale utrzymanie użytkowników to nie jedyny powód, dla którego musisz przyspieszyć swoją witrynę. 

Jak przyspieszyć swoje spowolnienie WordPress Miejsce i przepustka Core Web Vitals?

Jak przyspieszyć powoli WordPress Strona i przepustka Core Web Vitals

Krótko mówiąc, będziesz musiał mieć;

  • Lekki motyw (Kadence, Astra, GeneratePress lub OceanWP)

Nie mogę wystarczająco podkreślić, jeśli nie masz szybkiego hostingu, po prostu marnujesz czas na zwiększenie wydajności swojej witryny. Posiadanie szybkiego hosta internetowego to pierwszy krok do uzyskania szybko ładującej się witryny internetowej przed wprowadzeniem jakichkolwiek zmian w wydajności, takich jak, motyw, caching itd.

Pamiętaj, że duża prędkość ładowania może również pomóc Ci uzyskać wyższą pozycję w wynikach wyszukiwania. Biorąc to pod uwagę, możemy tak powiedzieć WordPress Optymalizacja prędkości jest częstym problemem dla osób tworzących lub obsługujących strony internetowe na platformie. Optymalizacja witryny internetowej może pomóc skrócić czas ładowania strony. 

W tym artykule podzielę się z Tobą najważniejszymi wskazówkami, które pomogą Ci w tym WordPress optymalizacja prędkości. 

Omówimy takie kwestie, jak zmiana DNS, konfiguracje hostingu, optymalizacja obrazu i inne. Zanim jednak do tego przejdziemy, musisz zrozumieć, czym jest happdzieje się, gdy użytkownik odwiedza: WordPress strona. 

Zrozumieć jak WordPress Prace 

Jedną z najważniejszych rzeczy, których nauczyłem się przez te lata, jest to WordPress doskonale nadaje się do wielu różnych rzeczy, takich jak zarządzanie treścią. Jednak prędkość nie jest tak naprawdę specjalnością, z której platforma jest znana, a dzieje się tak ze względu na sposób jej działania. 

Kiedy ktoś odwiedza Twoje WordPress, platforma pobiera dane z różnych źródeł, takich jak baza danych i motywy, i łączy je wszystkie w plik HTML. Po zakończeniu tego procesu plik HTML jest wysyłany do przeglądarki internetowej użytkownika. 

Jednakże mogę Ci to powiedzieć Tworzenie stron w podróży nie jest odpowiednią opcją dla uzyskania idealnej wydajności. Poza tym takie rzeczy jak plugini motywy działają jednocześnie zużywać cenne server zasoby, które mogą spowodować zmniejszenie prędkości ładowania. 

Nie oznacza to, że nie można zoptymalizować pliku WordPress strona poświęcona szybkości. Jest wiele rzeczy, które możesz zrobić, jeśli chodzi o to WordPress optymalizacja prędkości. Przyjrzyjmy się, czym one są;

Szybkość DNS
Źródło: Preferencje DNS

Zmiana DNS może pomóc zwiększyć prędkość WordPress witryna, ale zanim wykonasz ruch, sprawdź prędkość DNS. Pierwszą rzeczą, którą musisz wiedzieć, jest to, że Twój rejestrator domeny jest Twoim dostawcą DNS, więc jeśli nie dokonałeś zmiany, możesz narazić się na ryzyko spowolnienia czasu do pierwszego bajtu (TTFB).

To happens z kilku powodów, np opóźnienie sieci, nieplanowana konserwacja DNS i host Twojej sieci zablokowany przez Google. Możesz nawet stracić swoje rankingi SEO. Najważniejszą rzeczą, którą musisz wiedzieć, jest to, że DNS Cloudflare działa dobrze, ale jeśli jesteś osobą korzystającą z LiteSpeed server, lepszym rozwiązaniem jest użycie DNS firmy QUIC.

To daje Ci dokładne wyznaczanie trasy geograficznej i dobrze integruje się z CND firmy QUIC. Istnieją inne opcje, takie jak Kinsta i Cloudways, które oferują premium DNS. Ale to, co musisz wiedzieć, to to Kinsta korzysta z Amazon Route 53, a Cloudways korzysta z DNS Made Easyi oba są wolniejsze niż Cloudflare, który ma prędkość zapytania 13.47 milisekundy (ms).

Aby zmienić swój DNS na Cloudflare:

  1. Zarejestruj się na platformie.
  2. Dodaj swoją witrynę.
  3. Śledź Zmień nazwęservers podpowiedzi i gotowe.

Nie wybieraj hostów głównego nurtu

Większość ludzi często myśli, że popularny plan hostingowy lub dostawca jest dla nich najlepszą opcją. Jeśli jednak w ogóle martwisz się szybkością swojego WordPress stronie, musisz wiedzieć, że nie jest to w 100% prawda. Musisz zrozumieć, że wiele firm hostingowych inwestuje pieniądze w marketing i reklamy, aby mogły być wyświetlane jako "najlepsza opcja."

Przez lata nauczyłem się jednej rzeczy: nie wszystkie informacje, które znajdziesz na temat planów hostingowych, są dokładne. Biorąc to pod uwagę, po prostu ignoruję recenzje i filmy, które widzę w Internecie, i zamiast tego polegam na specyfikacjach, dlatego Tobie radzę zrobić to samo.

Poniżej znajdują się dane popularnych dostawców usług hostingowych, które możesz porównać.

  • Specyfikacje wspólnego planu hostingowego:
 SiteGround GrowBigHostinger Business WPFirma WPXTurbo Boost hostingu A2NameHero Turbo Cloud
Typwspółdzielonywspółdzielonywspółdzielonywspółdzielonywspółdzielony
ServerApache + NginxLiteSpeedLiteSpeedLiteSpeedLiteSpeed
Cache PluginSG OptimizerLSCLSC lub W3TCLSCLSC
CDNGoogle ChmuraQUIC.cloudQUIC.cloud/XDNQUIC.cloudQUIC.cloud
Pełna strona cachingTakza pomocą QUIC-aza pomocą QUIC-aza pomocą QUIC-aza pomocą QUIC-a
DNSZablokowany przez Google dla dni 4Wewnętrzne/QUICWewnętrzne/QUICWewnętrzne/QUICWewnętrzne/QUIC
Rdzenie/RAMUkryty2 rdzenie/1.5 GB1 rdzeń/1 GB2 rdzeń/2 GB3 rdzenie/3 GB
Dyski20 GB/SATA200 GB/SATA15 GB/SATA„Nieograniczony” / NVMe„Nieograniczony” / NVMe
przedmiot CacheMemcacheMemcacheNieRedisRedis
Baza danychMySQLMariaDBMariaDBMariaDBMariaDB
Limity zasobówZasoby procesora są wspólneNiskie zasobyNiskie zasobyWydajny dzięki LiteSpeedWydajny dzięki LiteSpeed
I-węzły400,000600,000Fakultatywnie600,000500,000
Panel sterowaniaNarzędzia witrynyhPanelPanel WPXcPanelcPanel
Przechowywanie poczty e-mail10GB1GBWiele limitówNielimitowaneNielimitowane
Poważne incydentyProblemy z TTFB/DNS/CPU i są nieetyczneZgłoszenia oszustw, fałszywych recenzji i włamań w 2019 rWiną za globalną awarię został zmarły dyrektor generalnyDwutygodniowy atak ransomware2-dniowa awaria węzła z wystawieniem listu z przeprosinami
Ocena TrustPilota4.64.64.94.44.6
Cena początkowa$ 6.99 za miesiąc3.99 USD miesięcznie, 3 miesiące bezpłatnie20.83 USD miesięcznie, 2 miesiące bezpłatnie$ 6.99 za miesiąc$ 10.97 za miesiąc
Odnowienia$ 29.99 za miesiąc$ 8.99 za miesiąc$ 20.83 za miesiąc$ 22.99 za miesiąc$ 19.95 za miesiąc
OkularSzczegółySzczegółySzczegółySzczegółySzczegóły

  • Specyfikacje planu hostingu w chmurze:
 Plan szybkiego startu w chmurze SiteGroundPlan uruchomienia silnika WPPlan startowy KinstaCloudways Vultr HF (2 GB) Rocket.net Plan kroczący
TypChmuraChmuraChmuraChmuraPrivate cloud
ServerApache + NginxApache + NginxApache + NginxApache + NginxApache + Nginx
Rdzenie/RAM4 rdzenie/8 GBNie wymienione12 rdzenie/8 GB1 rdzeń/2 GB32 rdzenie/128 GB
Dyski40GB10GB10GB64GB10GB
CDNGoogle ChmuraCloudflare i język polskiCloudflare, cała strona cachingi reguły zapory sieciowejCloudflare Enterprise za 5 USD miesięcznieCloudflare Enterprise
CDN PrzepustowośćUnmeteredNie wspomniany100 GB100GBNielimitowane
DNSWewnętrzneWewnętrzneAmazon trasy 53DNS stało się proste za 5 USD miesięcznieCloudflare
Cache PluginSG OptimizerN / AN / AWietrzykN / A
przedmiot CacheMemcachedMemcachedRedis za 100 dolarów miesięcznieRedis ProRedis
Procesor PHPFastCGIHHVMFastCGIFPMLiteSpeed
Pracownicy PHPNie wspomnianyNie wspomniany2 pracowników PHPBez limituBez limitu
Limit pamięciNastawny512 MB256MBNastawny1GB
Baza danychMySQLNie wspomnianyNie wspomnianyMariaDBMariaDB
Odwrotność Nginxa proxyTakKonfiguracja ręczna$ 50 za miesiącTakTak
Przepustowość lub miesięczne wizyty5TB50 GB i 25,000 XNUMX odwiedzin miesięcznie25,000 XNUMX wizyt miesięcznie2TB50 GB i 250,000 XNUMX odwiedzających miesięcznie
Email HostingTakN / AN / AN / AN / A
Usuwanie złośliwego oprogramowaniaTylko skanerN / AObietnica usunięciaN / AImunify360
Poważne incydentyProblemy z TTFB/DNS/CPU i są nieetyczneNaruszenie w 2015 rokużadenżadenżaden
Oceny TrustPilot4.64.54.24.54.9
Cena$ 100 za miesiąc20 dolarów miesięcznie przy płatności rocznej$ 35 za miesiąc 30 USD miesięcznie i dodatkowe 5 USD dla przedsiębiorstw CF$ 30 miesięcznie.
OkularSzczegółySzczegółySzczegółySzczegółySzczegóły

Na podstawie informacji, które Ci udostępniłem, możesz wybrać najlepszego dla siebie dostawcę usług hostingowych. Jest jednak kilka kluczowych rzeczy, na które chciałbym zwrócić uwagę zarówno w przypadku platform hostingu współdzielonego, jak i w chmurze, o których wspomniałem. Pozytywne recenzje, które przeczytasz na temat tych platform, nie są w 100% dokładne.

To powiedziawszy, lepiej przefiltruj recenzje 1 lub 2 gwiazdek na platformach takich jak TrustPilot i zobacz, jakich użytkowników nie maappo. o. Ponadto niektórzy dostawcy hostingu współdzielonego, np Hostinger ma doświadczyły naruszeń danych które wpłynęły na miliony klientów. WPX miał awarię spowodowało to, że wiele stron internetowych było offline, a użytkownicy narzekali na brak komunikacji.

Jeśli chodzi o wybór jednego dla siebie WordPress witryny, wystarczy przeprowadzić trochę badań. Będzie to wymagało przejrzenia złych recenzji na TrustPilot, przeczytania o doświadczeniach użytkowników na Reddicie i przeanalizowania specyfikacji.

Skonfiguruj ustawienia na swoim koncie hostingowym

Większość ludzi pomija ten aspekt i po prostu trzyma się domyślnych opcji konfiguracji hostingu.

Na przykład, jeśli Twoja witryna nie działa cached, co oznacza, że ​​może przeciążyć plik server, co powoduje spadek szybkości i, w najgorszym przypadku, może spowodować awarię Twojej witryny. Ustawienia hostingu, które możesz skonfigurować, będą się różnić w zależności od dostawcy, ale mają one wpływ na genrally obejmują różne aspekty, które obejmują następujące.

  • OPcache - Jeśli jest to coś, co jest w ofercie, skorzystaj z tego. The OPcache jest wbudowany w PHP i działa w oparciu o prekompilowaną pamięć współdzieloną z kodem bajtowym skryptu, co zwiększa wydajność witryny nie ma potrzeby, aby PHP ładowało skrypt przy każdym żądaniu.
  • Caching nioski – Jeśli masz taką możliwość użyj czegoś takiego jak Ngnix, Zrób to. Niektóre opcje hostingu, o których wspomniałem powyżej, obsługują odwrotność Nginx proxy, pozwalając ci na cache treści i poprawić szybkość swojej witryny.
  • Brotli – Nie znajdziesz wielu hostów obsługujących Brotli, ale jest to główna zaleta, jeśli tak jest. Jest to algorytm bezstratnej kompresji kompresuje dane przy użyciu różnych odmian modelowania kontekstowego drugiego rzędu, algorytmu LZ2 i kodowania Huffmana.
  • Użycie zasobów – Większość ludzi ma tendencję do przeoczenia tego, ale bardzo ważne jest, aby zwracać uwagę na wykorzystanie zasobów i dzienniki błędów. Jeśli jednocześnie używasz zbyt wielu zasobów, może to mieć wpływ na prędkość.
  • Redis kontra pamięćcached – Obie opcje są świetne, ale Redis ma tutaj przewagę. Zapewnia lepszy stopień wykorzystania pamięci niż Memcached, gdy używa struktury skrótu i ​​nie polega na narzędziach innych firm do zrzutu dysku.

Nie używaj niczego innego niż Cloudflare APO, Enterprise lub QUIC.cloud na LiteSpeedie

Cloudflare Automatyczna optymalizacja wydajności (APO) jest najważniejszą rzeczą, jeśli chodzi o WordPress optymalizacja prędkości. Zasadniczo pozwala Cloudflare obsługiwać cały Twój WordPress witrynę, jak tylko może cache dynamiczna treść, pomaga uzyskać szybkie i spójne TTFB.

Wiem, że niektórzy inni dostawcy oferują własne CDNa podjęcie decyzji może być przytłaczające. Więc lepiej sprawdzić CDNwydajność, która jak na Cloudflare jest znakomita. CloudFlare CDN jest czołowym wykonawcą cdnpref.com i jest nawet lepszy niż podobne Google i Akamai. 

Oznacza to, że prędkość zapytania wynosi zaledwie 26.81 ms 0.16 ms szybciej niż Google i oszałamiający 6.22 ms szybciej niż Akamai.

CDN Prędkość
Źródło: CDNwoleć

APO kontra plan Enterprise Cloudflare

Zanim przejdziemy do bardziej szczegółowych informacji, chcę tylko zaznaczyć, że APO wykona zadanie w przypadku większości witryn internetowych, ale nie oznacza to, że nie ma Wersja Enterprise. Jeśli więc wybierzesz opcję APO, być może będziesz musiał pójść na kompromis w takich kwestiach, jak bezpieczeństwo zapory ogniowej, optymalizacja obrazu, obsługa SSO i nie tylko.

Teraz musisz wiedzieć, że niektóre platformy hostingowe obsługują Cloudflare Enterprise, ale brakuje im kilku funkcji. Bazując na swoich doświadczeniach, tak sądzę Rocket.net to ten, który jest bliski oferowaniu wersji Enterprise. Jest skonfigurowany dla WordPress od razu po wyjęciu z pudełka i zapewnia mnóstwo korzyści, np optymalizacja obrazu, warstwowa caching, inteligentne wyznaczanie tras.

Podjęcie decyzji może być trudne, dlatego przygotowałem listę czynników, które pomogą Ci zdecydować, czy korzystać z Cloudflare Free, czy też nie. Cloudflare Enterprise z Cloudways, LatanieProxylub Rocket.net.

  • Tb/s o godz 192 i PoP przy 285 są takie same dla wszystkich. Cloudways nie obsługuje APO i musisz płać 5 USD miesięcznie, aby korzystać z Cloudflare Free.
  • Latający Proxy nie ma funkcji Agro Smart Routingi musisz dodatkowo zapłacić, aby móc korzystać z niego bezpłatnie w Cloudflare.
  • HTTP/3 i WAF są spójne dla wszystkich opcji; dodatkowe opłaty za równoważenie obciążenia za pomocą bezpłatnego Cloudflare mogą appdopiero po pierwszych 500,000 XNUMX zapytań.
  • Żadna z opcji nie jest dostępna z automatyczną konfiguracją, z wyjątkiem Rocket.net, ale uzyskana przepustowość będzie zależeć od wybranego planu hostingowego.

LiteSpeed ​​ze standardowym planem QUIC

Jeśli jesteś na Prędkość światła server i nie możesz używać Cloudflare, to QUIC jest najlepszą opcją dla Ciebie. Porównałem z innymi alternatywy takie jak Bunny CDN, LatanieCDNi SiteGround 2.0. Oto co znalazłem:

  • przepustowość dostajesz, nie fałszywie reklamowane i rzeczywiście jest nieograniczona.
  • Nie musisz płacić dodatkowo za replikację geograficzną i zapełnianie całej strony caching.
  • Dzięki standardowemu planowi QUIC nie musisz płacić dodatkowo za optymalizację obrazu i równoważenie obciążenia HTTP/3 WAF Anti-DDoS.

Nie przesadzaj z kreatorami stron

Najważniejszą rzeczą, którą musisz wiedzieć, jeśli chodzi o narzędzia do tworzenia stron, jest to, że dodają one do Twojej witryny dodatkowe elementy CSS i JavaScript oraz zwiększają zużycie pamięci. Nie oznacza to, że nie możesz uzyskać maksymalnej prędkości, jeśli używasz narzędzi do tworzenia stron; możesz, ale musisz uważać z hostingiem i pluginużywasz i musisz zoptymalizować.

Jeśli więc zamierzasz skorzystać z narzędzi do tworzenia stron, upewnij się, że:

  • Obsługa funkcji Load Font Awesome 4 jest wyłączona.
  • Wszystkie dostępne ustawienia wydajności są włączone.
  • Ogranicz użycie widżetów i kolumn do minimum.
  • Wyłącz narzędzia do tworzenia stron, jeśli ich nie używasz.
  • Upewnij się, że metoda drukowania CSS jest ustawiona na „styl zewnętrzny”.

Uzyj obrazka CDNs

Jest rok 2024, a obrazy (i filmy) są obecnie najważniejszym elementem treści. Brak optymalizacji obrazów może prowadzić do zwiększenia server zużycie zasobów i wzdęcia. Więc jest to lepiej użyć obrazu CDNw przeciwieństwie do plugins.

Przez lata używałem ich całkiem sporo: Imagify, ShortPixel, Bunny Optimizer i Cloudflare Mirage/Polish, aby wymienić tylko kilka. Spośród wszystkich tych opcji uważam, że CloudFlare jest najlepszą z dostępnych. To ci da:

  • WebP.
  • Zmiana rozmiaru na urządzeniach mobilnych.
  • Konwersja AVIF.
  • Optymalizacje sieci.
  • Nie server użytkowania i bez wzdęć.
  • AVIF obsługuje i udostępnia obrazy z CDN.

A najlepsze jest to, że jest dołączony do zestawu CloudFlare Enterprise. Trzeba o tym pamiętać większość CDNobsługuje WebP, niektóre z nich nie zawsze konwertują obrazy, więc będziesz musiał to zrobićzobacz Chrome Dev Tools i sprawdź, czy obrazy zostały przekonwertowane. Kolejną rzeczą, o której należy pamiętać, jest to, że należy dokładnie określić wymiary.

Większość cache pluginzrobi to automatycznie, ale jeśli tak nie jest, zawsze możesz zmienić wymiar obrazu w jego pliku HTML. Wreszcie ustaw przeglądarkę cache TTL do 365 dni bo lepiej mieć dłuższą cache wygaśnięcie obrazów statycznych, ponieważ się nie zmieniają.

Upewnij się, że Twój Cache Konfiguracje dotyczą wskaźników sieciowych

Wskaźniki sieciowe to w zasadzie wskaźniki wydajności Google bierze pod uwagę przy pomiarze ogólnego doświadczenia użytkownika w Twojej witrynie. Może to mieć wpływ na Twój ranking wyszukiwania. Ważne jest, abyś wiedział, że większość jest bezpłatna cache plugins brakuje funkcji, które to obsługują, ale gdybym musiał dokonać wyboru, wybrałbym Swift Performance lub W3.

Poza tym opcje optymalizatora SG i podstawowe funkcje WP Rocket, takie jak Lazy, renderują elementy HTML i kompatybilność z APO. To naprawdę pozostawia nam dwie opcje, a porównanie możesz zobaczyć poniżej: 

                                        LiteSpeed Cache      FlyingPress
Server-bok cachingTakNie
Opóźnij JavaScriptTakTak
Usuń nieużywany CSSOddzielny plikOddzielny plik
Krytyczny CSSTakTak
Preload krytyczne obrazyNa podstawie numeruNie
Wyklucz obrazy widoczne na ekranieautomatycznieautomatycznie
Leniwe ładowanie obrazów tłaNieKlasa pomocnicza
Leniwe renderowanie elementów HTMLTakTak
Dodaj brakujące wymiary obrazuTakTak
Obraz podglądu ramki iframe YouTubeTakTak
Obiekt zastępczy YouTube, który można hostować samodzielnieNieTak
Hostuj czcionki lokalnieTakTak
Wyświetlanie czcionek: zamieńTakTak
Preload linkiTakTak
CDNQUIC.cloudKrólik CDN
Kompatybilność z APOTakTak

Szczerze mówiąc, myślę, że WP Rocket pozostawał w tyle przez lata i nie jest najlepszą opcją do optymalizacji LCP, obrazów i lokalnego hostowania czcionek. Przełączyłem się na FlyingPress niedawno i mogę powiedzieć, że tak świetny pod względem parametrów sieciowych i szybkości.

Możesz chcieć zminimalizować cache plugin Jeśli jesteś za pomocą CloudFlare oraz nie łącz CSS/Java ponieważ może to spowolnić Twoją witrynę i jest to coś, czego nie należy robić w przypadku protokołu HTTP/2.

Konfigurowanie Perfmatters Ustawienie dla Ciebie Cache Plugin

Użyłem Perfmatters całkiem sporo na przestrzeni lat i na podstawie tego, czego się nauczyłem, mogę powiedzieć, że ustawienia, które należy skonfigurować, zdecydowanie różnią się dla każdego plugin. Jeśli chodzi o cache plugins, tak naprawdę masz tylko cztery opcje, które są tego warte. Oto zestawienie każdego z nich

Perfmatters OprawaFlyingPressLiteSpeed CacheWP RocketOptymalizator SiteGround
OgólneWłącz wszystkie opcjeWłącz wszystkie opcje, ale przenieś wp-login i heartbeatWłącz wszystkie opcje z wyjątkiem pulsuWłącz wszystkie opcje z wyjątkiem pulsu
AktywaWłącz menedżera skryptówWłącz menedżera skryptówWłącz menedżera skryptów, a następnie usuń nieużywany CSSWłącz menedżera skryptów, opóźnij JavaScript, a następnie usuń nieużywany CSS
PreloadINGPreload Pliki CSS/JSPreload krytyczne obrazy i czcionki/pliki CSS/JSPreload krytyczne obrazy i pliki CSS/JSPreload krytyczne obrazy i pliki CSS/JS
Lazy LoadingwyłączaćWłącz obrazy tła CSSWłącz obrazy tła CSSWłącz wszystkie ustawienia leniwego ładowania
CzcionkiwyłączaćwyłączaćWłącz lokalnie Google CzcionkiWłącz zamianę wyświetlania + lokalnie Google Czcionki
CDNwyłączaćwyłączaćwyłączaćwyłączać
Analizywyłączaćwyłączaćwyłączaćwyłączać

A więc jeśli chodzi o konfigurację cache plugins dla Perfmatters, możesz skonfigurować FlyingPress i LiteSpeed ​​w zwykły sposób. Jednakże, jeśli chodzi o WP Rocket, Ty powinieneś wyłącz wszystkie ustawienia CSS. To samo dla Optymalizator SG, ale powinieneś wyłącz tam również ustawienie leniwego ładowania.

Lokalnie hostuj lub opóźniaj kod strony trzeciej

Kody innych firm mogą zawierać skrypty blokujące główny wątek i uniemożliwiające wykonanie podstawowych zadań.

Kody te mogą zmniejszyć prędkość server czasy odpowiedzi, wyszukiwania DNS i błędy odpowiedzi. Ale jest na to szybkie rozwiązanie, którego nauczyłem się przez lata.

  1. Hostuj lokalnie wszystkie kody, czcionki i miniatury innych firm.
  2. Jeśli używasz LiteSpeed cache, jesteś w dobrych rękach, ponieważ obsługuje zlokalizowane zasoby.
  3. Jeśli nie, możesz skorzystać Perfmatters'lokalny Google czcionki.
  4. Możesz także użyć woff2, aby usunąć rodziny czcionek, których nie używasz.
  5. Opóźnij kod innej firmy znajdujący się poniżej strony widocznej na ekranie. 

Pamiętaj by Preload

Preconnect pomaga w nawiązaniu wczesnego połączenia z domenami stron trzecich, ale jest to coś, z czym powinieneś tylko robić czcionki innych firm i CDN Używać. Z drugiej strony pobieranie wstępne jest bardzo podobne do wstępnego łączenia. Jedyną różnicą jest protokół TCP lub TLS. Pamiętaj, że powinieneś preload czcionki (użyj krzyżówek z Prefmattters), obrazy, bibliotekę WP-Block i linki.

Gdy już skończysz, zgłoś swoją witrynę do HSTS preload lista dla Chrome, a uzyskasz wzrost wydajności.

Preload HSTS

Pozbądź się nieużywanego CSS 

Większość ludzi o tym zapomina, ale nieużywany CSS może mieć wpływ na wydajność Twojej witryny, dlatego lepiej go usunąć. Jeśli używasz WP Rocket, zalecam wyłączenie tej funkcji, a następnie włącz to Perfmatters używając "Plik" opcje dla „Użyta metoda CSS” ustawienie.

Sprawdź Powolne Plugins

Optymalizując swoją witrynę pod kątem szybkości, musisz wiedzieć, że a plugin który działa powoli, może mieć wpływ na prędkość. Na przestrzeni lat zidentyfikowałem kilka powodów, dla których a Plugin może być powolny.

  • Pierwszym powodem jest dodanie CSS i JavaScript do frontonu. Można znaleźć taki JavaScript i CSS za pomocą Pokrycia oraz usuń je, aby przyspieszyć swoje WordPress strona.
  • A plugin może również działać wolno, jeśli zwiększa zużycie pamięci. Aby sprawdzić, czy tak jest, użyj WP Hive. Automatycznie przetestuje a plugin i przekażę Ci wszystkie potrzebne informacje.
  • Inne przyczyny mogą być takie, że a plugin dodaje rozdęcie bazy danych lub używa jQuery. Możesz sprawdzić te problemy za pomocą phpMyAdmin i Perfmatters zależności wyświetlania.

Oprócz tego wszystkiego możesz również optymalizacji plugins, zastępując je CDNs lub Bloki, ograniczając zadania w tle, opóźniając je i wyłączając nieużywane funkcje. Poniżej niektóre pluginktóre, jak zauważyłem, wpływają zarówno na pamięć, jak i szybkość strony.

PluginKategoria Wpływ na pamięćWpływ PageSpeed
All In One SEOSEONieNie
Złamane Link CheckerSEONieTak
DisqusKomentarzeTakNie
ElementorPage BuilderNieNie
Dodatki Premium do ElementoraPage BuilderTakNie
Elementor ProPage BuilderNieNie
JetElementsPage BuilderNieNie
JetpackOchronaNieNie
Galeria NextGENGaleriaNieNie
Kreator wyskakujących okienekPopupNieNie
Zestaw witryn firmy GoogleAnalizyNieTak

Wyłącz Plugins Na niektórych stronach

Następna rzecz, dla której możesz zrobić WordPress optymalizację prędkości należy wyłączyć pluginna niektórych stronach. Perfmatters i Asset CleanUp to dwie najpopularniejsze opcje, aby to zrobić. używam Perfmattersi wyłączenie pluginkorzystanie z tego narzędzia jest całkiem proste.

Pierwszą rzeczą, którą musisz zrobić, to włącz menedżera skryptów i tryb testowy. Aby to zrobić, przejdź do "Aktywa" ustawienia i wyświetl dowolną stronę swojej witryny w górnym menu, a następnie kliknij „Perfmateria” , a następnie „Menedżer skryptów”.

Przejdź teraz do ustawień menedżera skryptów i włącz tryb testowy. Kiedy już to zrobisz, będziesz musiał to zrobić wyłącz pluginna wszystkich opublikowanych stronach lub na urządzeniach mobilnych. Jeśli wyłączysz je na urządzeniach mobilnych, będzie to konieczne umożliwiać „oddzielny telefon komórkowy cache".

Poznaj swój LCP

Zatem LCP jest zasadniczo podzielony na cztery podczęści, a każda z nich dotyczy innego czynnika, którego szczegóły opisano poniżej.

Odkryłem, że większość ludzi często ma trudności z mocnym uchwyceniem największej zawartości farby (LCP). Jest to jednak kluczowy element sieci i musisz to zrozumieć.

Podczęść LCPCzynnikiLCP%
TTFBCDN, hosting, pełna strona caching, itp.~% 40
Opóźnienie ładowania zasobówobrazy rzutni z leniwych, preload czcionki, obrazy rzutni, wykluczanie<10%
Czas ładowania zasobówZmniejsz rozmiary/obrazy CSS/JS, CDN, krytyczny CSS, cache wygaśnięcie~% 40
Opóźnienie renderowania elementuZwiązane z odraczaniem, redukowaniem i wyładowywaniem JavaScript<10%

Możesz użyć statystyki wydajności od Chrome Narzędzia deweloperskie aby zobaczyć, które TTFB ładują się najdłużej. Gdy już to zidentyfikujesz, możesz wykonać LCP, przenosząc ciężkie pliki poniżej części strony widocznej na ekranie, używając Cloudflare SXG, opóźniając JavaScript, aby zapobiec blokowaniu renderowania, i leniwie renderując elementy HTML. Jeśli chcesz dowiedzieć się więcej o LCP, to to Chrome dla wideo dla programistów Jest tego warte.

Unikaj zmian układu (CLS)

Przesunięcie układu to w zasadzie stopień przesunięcia strony podczas ładowania. Jest to bardzo ważne dla WordPress optymalizacje prędkości i happponieważ różne elementy strony ładują się z różną prędkością, conflwpływa na liczbę odsłon stron użytkowników. Możesz posługiwać się Googledebuger zmiany układu strony aby zobaczyć, jak te zmiany układu wpływają na Twoją witrynę.

Debuger CLS

W tym przewodniku mówiłem o wielu rzeczach, które możesz zrobić, aby zoptymalizować zmiany układu, i wspomnę o nich ponownie w ramach przypomnienia.

  • Zamiana preloading czcionek i dodaj brakujące wymiary obrazu.
  • zmienić cookie tablica ogłoszeń plugins, ponieważ może to również spowodować zmiany w układzie.
  • Zarezerwuj miejsce na treści dynamiczne i reklamy, dodając wymiary i umieszczając je w kodzie div.
  • Usuń nieużywany CSS, upewnij się, że krytyczny CSS działa i wygeneruj go ponownie, jeśli edytujesz CSS.
  • Włącz oddzielny telefon komórkowy cache w telefonie cache plugin aby zminimalizować zmiany układu podczas ładowania witryny na urządzeniach mobilnych.

Ogranicz wykorzystanie zasobów do poniżej 50%

Kiedy optymalizujesz swoją witrynę pod kątem szybkości; musisz zostawić miejsce na skoki ruchu i zadania w tle. Ważne jest, aby pamiętać, że możesz doświadczyć opóźnienia, jeśli użycie procesora jest wysokie, więc tak jest najlepiej utrzymać go poniżej 50%. Kiedy próbujesz ograniczyć użycie procesora, pamiętaj, że odciążenie przepustowości do a CDN i usuwanie dużego zużycia pamięci pluginmoże pomóc. Ale to nie wszystko.

  • Wyłącz udostępnianie danych w plugins.
  • Idź do swojego „opcje_wp” table i wyczyść automatycznie załadowane dane.
  • Idź do swojego WordPress ustawienia dyskusji i wyłącz pingbacki.
  • Użyj planu hostingowego, który ma wystarczającą liczbę rdzeni, pamięci RAM i limit zasobów.
  • Zmniejsz wielkość partii i zwiększ odstęp między kukurydzą, aby ograniczyć niewykorzystane CSS.
  • Niektóre działania mogą spowodować całe cache aby wyczyścić, co powoduje zwiększone użycie procesora, więc musisz ograniczyć automatyczne cache clearing.
  • Pamiętaj o tym WP Rocket preloadNS, LiteSpeed Cacherobota lub wstępnego podgrzewania SG Optimizer cache zwiększy użycie procesora.

Użyj WP-Optimize do ustawień czyszczenia bazy danych

Większość cache pluginPodczas próby oczyszczenia bazy danych napotykają trzy typowe problemy. Wspólny pluginnie mogą wykonywać kopii zapasowych baz danych, usuwać tabel z bazy danych pozostawionych przez jakieś stare plugins i usuń wszystkie wersje postów.

Ale jeśli użyjesz, nie będziesz musiał stawić czoła żadnemu z tych problemów WP-Optimize do czyszczenia bazy danych. Gdy już to wszystko ustawisz, musisz:

  1. Przejrzyj tabele bazy danych.
  2. Zidentyfikować "nieaktywny" or "nie zainstalowany" stoły.
  3. usunąć plugins lub motywy, jeśli nie planujesz ich używać.

Jedną z kluczowych rzeczy, którą wyrobiłem sobie przez te lata, jest to, że jest to pewne plugins, zwłaszcza jeśli zbierają dane, są dla Ciebie najlepsze WordPress stronie, więc lepiej z nich nie korzystać. Jeśli potrzebujesz analiz dla swojej witryny, polecam to zrobić trzymać się Google Analizy lub zacznij z niego korzystać, jeśli jeszcze tego nie robisz.

Optymalizuj dla urządzeń mobilnych

Jest to coś oczywistego. Większość osób odwiedzających Twoją witrynę prawdopodobnie robi to z urządzenia mobilnego i musisz upewnić się, że Twoja witryna jest pod tym kątem zoptymalizowana. Obecnie większość optymalizacji komputerów stacjonarnych przenosi się na urządzenia mobilne. Ale jeśli tak się nie stanie, oto co zrobisz:

  • Włącz urządzenie mobilne caching w telefonie cache plugin.
  • Zastosowanie Perfmatters do wyłącz nieużywane CSS i JavaScript w zależności od typu urządzenia.
  • Skoncentruj się na zmniejszeniu opóźnień, ponieważ jest to kluczowe dla użytkowników mobilnych i stanowi część TTFB.
  • Przetestuj CLS-a na urządzeniu mobilnym za pomocą narzędzia do debugowania przesunięć układu, o którym wspomniałem wcześniej, i napraw zmiany układu na urządzeniach mobilnych.
  • Zastosowanie CloudFlare Enterprise ponieważ sieć, routing z priorytetami i równoważenie obciążenia odgrywają ogromną rolę w ograniczaniu wpływu CDN Wyskakuje.

Wybierz Tylko PluginPotrzebujesz

Udostępniłem listę bezpłatnych pluginjest z tobą poniżej. Oczywiście nie potrzebujesz ich wszystkich, więc przejrzyj listę i użyj tych, które Ci odpowiadają.

  • OMGF.
  • Debloat.
  • Optimole.
  • Unbloater.
  • WP Crontrol.
  • WP-Optymalizacja.
  • Flying Scripts.
  • Query Monitor.
  • Wyłącz widget.
  • Flying Analytics.
  • WP Foft Loader.
  • WPS Hide Login.
  • LiteSpeed Cache.
  • WP YouTube Lyte.
  • Heartbeat Control.
  • Disable XML-RPC.
  • Limit Login Attempts.
  • Redis Object Cache.
  • Simple Local Avatars.
  • Blackhole For Bad Bots.
  • WP Server Health Stats.
  • WP Hosting Benchmark.
  • Preload Featured Images.
  • Pre* Party Resource Hints.
  • ShortPixel Adaptive Images.
  • Disable WooCommerce Bloat.
  • WP Hosting Performance Check.
  • Super Page Cache for Cloudflare.
  • Headers Security Advanced & HSTS WP.

Spójrz na moją konfigurację 

Jeśli nadal znajdujesz się pomiędzy wszystkimi opcjami, które masz przed sobą, spójrz na moją konfigurację w poszukiwaniu inspiracji. Być może pomoże Ci to w podjęciu decyzji.

UsługiKategoria
Rocket.nethosting
Cloudflare EnterpriseCDN (przychodzi z Rocket.net)
FlyingPressCache Plugin
PerfmattersRóżne optymalizacje
KadenceMotyw (bezpłatny)
Kadence BlocksGuternberg Block Szablony (bezpłatne)

Chcę Cię poinformować, że ta konfiguracja może kosztować więcej niż Twój budżet. Jeśli więc nie chcesz wydawać więcej, to nie jest dla ciebie.

Mam jednak tańszą alternatywę, którą możesz zamiast tego skonfigurować. Spójrz.

UsługiKategoria
NameHero Turbo Cloudhosting
QUIC.cloud (Płatny plan)CDN
LiteSpeed CacheCache Plugin
PerfmattersRóżne optymalizacje
NameHeroEmail Hosting

Poniżej znajduje się mój wynik szybkości witryny PageSpeed ​​Insights & GTmetrix.

riderchris wynik mobilny
Wynik mobilny
riderchris wynik na pulpicie
Wynik pulpitu
riderchris wynik gtmetrix
Wynik GTmetrix

I właśnie tam znajduje się najlepszy poradnik dotyczący zwiększania WordPress Strona internetowa Prędkość i podanie Core Web Vitals W 2024

Proszę postępować zgodnie z moimi wskazówkami WhatsApp Channel aby uzyskać najnowsze aktualizacje. Możesz również Skontaktuj się ze mną Jeśli potrzebujesz dalszej pomocy.

Podobne wiadomości