Przewodnik po tworzeniu witryny WordPress działającej jak smarowana błyskawica

Zastanawiasz się, jak sprawić, by Twoja witryna WordPress działała jak błyskawica. Po przeczytaniu tego posta lepiej zrozumiesz, dlaczego szybkość witryny ma znaczenie i jak przyspieszyć witrynę WordPress.

Budując witryny WordPress dla siebie lub swoich klientów, ważne jest, abyś wiedział, jak sprawić, by ładowały się szybciej.

Wygląd i zawartość strony internetowej mają kluczowe znaczenie. Bardzo ważne jest również to, jak szybko ładuje się strona internetowa. Musisz przyspieszyć działanie witryny WordPress. Wolne czasy ładowania będą miały wpływ na wrażenia użytkownika witryny, rankingi SEO, współczynniki konwersji, współczynniki odrzuceń i inne.

Z tego powodu przygotowaliśmy ten obszerny samouczek, który pomoże Ci dowiedzieć się wszystkiego, co musisz wiedzieć o przyspieszeniu działania witryny WordPress.

W tym poście omówimy wszystko, co musisz wiedzieć. Wyjaśnimy, co powoduje spowolnienie witryn WordPress, dlaczego szybkość jest ważna i jak przetestować bieżącą wydajność witryny.

Następnie omówimy kompleksowy zestaw strategii, które możesz od razu wdrożyć, aby przyspieszyć działanie witryny WordPress.

Dlaczego Twoja witryna WordPress działa wolno?

Jeśli Twoja witryna nie jest szybka, nie będzie działać dobrze i nie odniesie sukcesu. Witryny WordPress, których ładowanie lub odpowiedź zajmuje dużo czasu, mogą być niekorzystne dla Twojej firmy. Trudno zrozumieć, dlaczego Twoja witryna tak długo się ładuje.

Oto niektóre z przyczyn powolnego ładowania witryny.

01. Hosting internetowy

Host witryny WordPress lub powolna odpowiedź serwera to dwie najczęstsze przyczyny powolnej witryny WordPress. Jeśli chcesz, aby czas reakcji Twojego serwera był szybszy, musisz przejść na droższy plan hostingowy.

Chociaż możesz kupić najdroższe plany, niektóre usługi hostingowe nie działają i spowalniają Twoją witrynę. Nie tylko spowalniają administrację WordPressa, ale mogą również spowolnić działanie całej witryny.

Zazwyczaj problem można rozwiązać tylko poprzez przejście do lepszego dostawcy usług hostingowych.

Czasami obserwuje się, że host serwera dzieli się hostingiem z innymi witrynami. Strona internetowa może być hostowana na serwerze współdzielonym, co oznacza, że ​​współdzieli przestrzeń serwerową z innymi stronami internetowymi.

Jeśli szukasz superszybkiego dostawcy hostingu w chmurze, polecamy Cloudways . Zgodnie z naszymi danymi z testów dostępności i szybkości, Cloudways jest najbardziej niezawodnym dostawcą hostingu w chmurze zarządzanej w branży. Możesz sprawdzić naszą szczegółową recenzję Cloudways tutaj.

02. Złe wtyczki i motywy

Stworzenie w pełni funkcjonalnej strony internetowej WordPress byłoby niemożliwe bez użycia wtyczek firm trzecich. Z drugiej strony zbyt wiele wtyczek może być raczej szkodliwych dla witryny niż pomocnych. Im więcej czasu spędzasz na prowadzeniu swojej witryny, tym więcej wtyczek prawdopodobnie już zainstalowałeś w swojej witrynie.

Wtyczki, które są nieaktualne lub źle zakodowane, spowalniają czas ładowania Twojej witryny. Ponadto im więcej wtyczek masz w swojej witrynie, tym więcej czasu zajmuje ładowanie stron. W przypadku bardziej złożonych wtyczek, takich jak kreatory stron i rozwiązania typu „wszystko w jednym”, jest to szczególnie prawdziwe.

03. Nieaktualna wersja WordPress

Przypomnienie o cotygodniowej aktualizacji WordPressa może być uciążliwe. W większości odnosi się to do takich rzeczy, jak wtyczki, motywy i system zarządzania treścią (CMS). Aktualizacje elementów, które nie są kompatybilne, mogą być uciążliwe, ale mogą być tego warte.

Proste kliknięcie może rozwiązać problem powolnego czasu odpowiedzi spowodowanego przez nieaktualne narzędzie. Często tego rodzaju aktualizacje zawierają funkcje związane z prędkością. Jeśli nie masz pewności, przeprowadź test szybkości przed aktualizacją i po niej.

04. Ogromny rozmiar pliku obrazu

Oczywiście chcesz, aby Twoja witryna WordPress zawierała wiele wysokiej jakości obrazów. Minusem jest to, że będziesz musiał załadować swoją witrynę i serwer dużą ilością „ciężkich” plików. Wolniejsze czasy ładowania są spowodowane większymi rozmiarami plików, co stanowi problem, jeśli używasz dużej ilości multimediów.

Kompresja bezstratna może być wykorzystana do zmniejszenia rozmiaru obrazów i przyspieszenia witryny. Używając kompresji bezstratnej, możesz zmniejszyć rozmiar pliku bez poświęcania jakości obrazu. Kompresowanie obrazów może skrócić czas wczytywania strony nawet o sekundę, jeśli zostanie wykonane prawidłowo.

05. Rozmiary stron

Czy Twoja strona istnieje już od jakiegoś czasu? W ciągu ostatnich kilku lat mogłeś usunąć kilka stron, korzystać z innej platformy niż WordPress lub dokonać innych istotnych modyfikacji. Jednak inne witryny, które prowadzą do Ciebie linki, a także wyszukiwarki, mogą nadal mieć Twoje stare adresy URL.

Te adresy URL mogą prowadzić do martwej strony lub strony błędu „301 przeniesione na stałe” lub „Znaleziono 302”. Zasadniczo oznacza to, że serwer musi odwiedzić te strony przed załadowaniem rzeczywistej strony, co wydłuża czas ładowania. Istnieje wiele rozwiązań tego typu problemów, takich jak ręczna edycja linków zewnętrznych, usuwanie starych stron, dodawanie lepszego kodu przekierowania, a nawet przywracanie tych stron.

Jak sprawdzić szybkość witryny WordPress?

Poniższe narzędzia do testowania wydajności WordPress dają pełny obraz wydajności Twojej witryny. Każde z tych narzędzi może być używane niezależnie lub w połączeniu z innymi w celu odwoływania się do danych witryn internetowych.

01. Wgląd w szybkość strony

PageSpeed ​​Insights zostały stworzone przez Google. Ta fajna aplikacja internetowa ocenia wydajność WordPressa w Twojej witrynie na wielu urządzeniach, w tym w przeglądarkach komputerowych i mobilnych. Jest to przydatne, gdy użytkownicy Twojej witryny korzystają z różnych rozmiarów ekranu i urządzeń.

02. Narzędzie Pingdom

Pingdom to bezpłatne narzędzie, które zapewnia kompleksowe dane dotyczące wydajności witryny, takie jak czas ładowania, rozmiar strony i dokładną analizę każdej strony w Twojej witrynie. Ta aplikacja przechowuje historię wydajności, umożliwiając monitorowanie, czy Twoje wysiłki w celu skrócenia czasu ładowania strony są skuteczne.

03. GTmetrix

Prędkości ładowania Twojej witryny zostaną udokumentowane w raporcie GTmetrix, który zawiera szczegółowy raport o tym, jak poprawić wydajność Twojej witryny. Ponadto to narzędzie internetowe zawiera funkcję odtwarzania wideo, która pozwala zobaczyć, gdzie znajdują się wąskie gardła w szybkości ładowania strony.

Wskaźniki szybkości witryny

Doświadczenie użytkownika z Twoją stroną jest oceniane za pomocą podstawowych wskaźników internetowych Google, a szybkość strony jest jednym z najważniejszych czynników w tej ocenie. Na przykład Google użyje szybkości strony, aby określić, czy Twoi użytkownicy stają się niecierpliwi i porzucają Twoją witrynę z powodu jej wolnego czasu ładowania.

Jeśli chcesz przyspieszyć działanie swojej witryny WordPress, musisz zrozumieć, jak działają podstawowe wskaźniki sieciowe. W przypadku Core Web Vitals największe malowanie treści, pierwsze opóźnienie wejścia i skumulowana zmiana układu to trzy składniki.

LCP

Czas wymagany do załadowania większości treści strony internetowej po pierwszym kliknięciu łącza jest określany jako LCP. LCP to unikalny wskaźnik szybkości, ponieważ w przeciwieństwie do innych wskaźników, takich jak TTFB, ocenia, jak szybko strona ładuje się z punktu widzenia użytkownika. Jeśli sprawdzisz swój LCP, czy korzystasz z Google PageSpeed ​​Insights czy Google Search Console, otrzymasz szczegółową analizę elementów witryny, które na niego wpływają. Oba te narzędzia są dostarczane przez Google.

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

FID

Opóźnienie pierwszego wejścia, znane również jako FID, jest drugim kluczowym elementem sieci rdzeniowej. Pozwala to oszacować, ile czasu użytkownik spędza na interakcji z Twoją stroną. Jednym ze sposobów zdefiniowania interakcji jest wybranie przez użytkownika opcji z menu, wypełnienie formularza lub skorzystanie z paska wyszukiwania w celu zlokalizowania produktu, którego szuka. Z tego powodu powinieneś nadać wysoki priorytet tej kluczowej sieci, jeśli Twoja witryna ma dużo interakcji z użytkownikiem.

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

CLS

Kumulatywne przesunięcie układu, znane również jako CLS, to miara określająca stabilność wizualnego wyglądu strony podczas jej wczytywania. Innymi słowy, jeśli obrazy na Twojej stronie poruszają się podczas ładowania strony, masz problem z CLS, który należy naprawić. Ponieważ dla użytkowników może być mylące, że element strony przenosi się do innej lokalizacji po całkowitym załadowaniu strony, Google uważa to za kluczowy element sieci.

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

Dlaczego szybkość witryny WordPress jest ważna?

Zrobię co w mojej mocy, aby ograniczyć to do minimum. Prawie każdy lubi szybko ładującą się witrynę. Wszyscy wiemy, że Google preferuje szybką witrynę internetową od wolnej, co oznacza, że ​​szybsza witryna zajmuje wyższą pozycję na stronie wyników wyszukiwania (SERP). Większość filmów i wywiadów sugeruje to wyjaśnienie, mimo że nie zostało to ostatecznie udowodnione.

Po zaledwie pięciu sekundach większość ludzi opuści stronę, której załadowanie trwa dłużej niż dziesięć sekund.

Według badań, jeśli Twoja witryna ładuje się dłużej niż dwie sekundy, tracisz 7% konwersji, 11% odsłon i 16% zadowolenia klientów. Efektem skondensowania tego wszystkiego jest:

Możesz zauważyć 7-procentowy wzrost zysków, skracając czas ładowania witryny o zaledwie jedną sekundę.

Mam nadzieję, że udało nam się Was przekonać, bo to dostaniemy w zamian. Zacznijmy od właściwego przewodnika po optymalizacji WordPress.

Jak przyspieszyć swoją witrynę WordPress?

Istnieje wiele sposobów na zwiększenie wydajności witryny WordPress.

01. Uruchom test prędkości

Na początek przyjrzyjmy się, jak dobrze działa teraz Twoja witryna. W tym celu nie ma uniwersalnej metryki, ponieważ wydajność różni się w zależności od lokalizacji odwiedzającego, szybkości połączenia internetowego i ustawień pamięci podręcznej przeglądarki.

Ilość i rodzaj treści na każdej stronie ma wpływ na szybkość ładowania witryny. Zalecane jest również przetestowanie innych szczególnie popularnych stron. Chociaż strona główna witryny jest zwykle używana do pomiaru szybkości ładowania, należy również przetestować wszystkie inne strony o dużym natężeniu ruchu.

Regularnie sprawdzaj, czy nie występują problemy z wydajnością, zwłaszcza jeśli niedawno dodałeś nowe strony. To pokaże, że Twoja witryna nadal wyświetla strony z konkurencyjną prędkością.

02. Zmniejsz liczbę nieużywanych wtyczek

W przypadku optymalizacji szybkości witryny WordPress jest to bardzo ważne. Jeśli chcesz przyspieszyć działanie swojej witryny WordPress, nie powinieneś wpychać do niej zbyt wielu wtyczek i dodatków.

Mogą wystąpić niezgodności między tymi wtyczkami.

Niedoświadczeni użytkownicy WordPressa często popełniają błąd, instalując dowolną wtyczkę, bez względu na to, jak popularna wydaje się być lub ile osób z niej korzysta.

Nawet jeśli są przydatne, spowalniają Twoją witrynę, jeśli nie musisz ich mieć.

03. Zmniejsz pliki CSS i JavaScript

Jeśli używasz Google PageSpeed ​​Insights lub ySlow do testowania swojej witryny WordPress, zobaczysz ostrzeżenie, aby zminimalizować pliki JavaScript i CSS. Z tego powodu musisz zmniejszyć liczbę wywołań JS i CSS, aby przyspieszyć serwer i zmniejszyć rozmiar plików. Zauważysz, że po ich zmniejszeniu witryna ładuje się znacznie szybciej. Na dłuższą metę pozwoli to zaoszczędzić przepustowość.

Aby go zmniejszyć, dostępnych jest wiele opcji. Wtyczka pamięci podręcznej WordPress „Breeze” pozwala to zrobić ręcznie lub automatycznie. Istnieją dodatkowe wtyczki, takie jak Autooptimize.

04. Unikaj przekierowania

Czas ładowania uległby znacznemu wydłużeniu, gdyby zamiast tych na stronie, którą właśnie załadowałeś, użyto zasobów zewnętrznych. W rezultacie przeglądarka użytkownika ładuje Twoją witrynę dłużej.

Skrócenie adresów URL i usunięcie HTTPS i WWW może zmniejszyć liczbę przekierowań. W rezultacie przekierowania nie będą mogły zostać powiązane.

05. Poznaj wykorzystanie CDN (Sieć dostarczania treści)

Sieci dostarczania treści, znane również jako CDN, to grupy serwerów rozmieszczone na całym świecie. Aby ułatwić odwiedzającym żądanie stron internetowych, każdy z nich przechowuje kopię Twojej witryny.

W takim przypadku serwer Twojego usługodawcy hostingowego może znajdować się w Wielkiej Brytanii. Bez CDN Twoja witryna będzie się powoli ładować dla użytkowników w Stanach Zjednoczonych ze względu na niską prędkość komunikacji między ich urządzeniem a serwerem. Amerykanin odwiedzający Twoją witrynę, który korzysta z sieci CDN, doświadczy szybszego połączenia, ponieważ jego urządzenie połączy się z najbliższym serwerem w sieci CDN.

06. Zainstaluj wtyczkę buforującą

Wtyczki do buforowania WordPress są jednymi z najlepszych, ponieważ znacznie skracają czas ładowania strony i są dostępne na WordPress.org do bezpłatnej i łatwej instalacji.

Używając W3 Total Cache, nie polecałbym ani nie używał żadnej innej wtyczki do buforowania, ponieważ ma ona wszystkie niezbędne funkcje i jest niezwykle łatwa w konfiguracji i obsłudze. Nie musisz robić nic więcej niż zainstalować rozszerzenie i aktywować je, aby zobaczyć korzyści z buforowania.

07. Użyj zoptymalizowanych obrazów

Szybkość witryny WordPress zwalnia, jeśli używasz wielu dużych obrazów. Zmniejsz rozmiar plików obrazów bez utraty jakości, aby zwiększyć wydajność swojej witryny. Zamiast sprawiać, by widzowie mrużyli oczy, celem jest zaoszczędzenie jak największej ilości miejsca.

Pliki obrazów można kompresować w programie Photoshop lub dowolnym innym wybranym programie do edycji obrazów. Opcją są również wtyczki do optymalizacji obrazu WordPress, takie jak Smush.

08. Dodaj leniwe ładowanie do treści i obrazów.

Opóźnione ładowanie może być korzystne dla Twojej witryny, jeśli Twoje posty na blogu zawierają kilka osadzonych plików multimedialnych, takich jak wiele zdjęć, wiele filmów lub galerie zdjęć.

Zamiast pobierać jednocześnie wszystkie zdjęcia i filmy użytkownika, „leniwe ładowanie” pobiera tylko te, które użytkownik faktycznie będzie mógł zobaczyć na swoim ekranie. Zastąpi wszystkie inne osadzone zdjęcia i wideo pustym obrazem, który będzie służył jako symbol zastępczy.

Gdy użytkownik przewinie stronę w dół, witryna ładuje obrazy, które są następnie wyświetlane w obszarze wyświetlania przeglądarki. Lazy loading to opcja dla wszystkiego, od obrazów i filmów po komentarze i gravatary WordPress.

Wtyczka Lazy Load by WP Rocket może być używana do ładowania multimediów, takich jak zdjęcia, ramki iframe i filmy.

09. Użyj motywu błyskawicy

Twoja witryna WordPress ładuje się znacznie szybciej lub wolniej w zależności od motywu wybranego dla swojej witryny. Ponieważ większość właścicieli witryn nie modyfikuje motywu WordPress, aby poprawić jego wydajność, ważne jest, aby wybrać motyw, który jest zarówno skuteczny, jak i szybki do załadowania.

Jako ogólną wytyczną wybierz szybki jak błyskawica motyw, który jest szczupły i ma niewiele funkcji, ale zrób wyjątek dla określonych wymagań. Jako możliwy punkt wyjścia do wyszukiwania, możesz rozważyć użycie tej skompilowanej listy najszybszych motywów WordPress.

10. Zoptymalizuj przestrzeń bazy danych

Twoja aplikacja WordPress łączy się z bazą danych, która zawiera w tle wszystkie informacje związane z witryną. Bazy danych przechowują całą zawartość witryny — od postów, przez rejestrację użytkowników po komentarze — oraz ustawienia i opcje konfiguracji witryny.

Kiedy ktoś wchodzi na Twoją witrynę, po prostu wyciągasz informacje z bazy danych, aby wyświetlić stronę lub wpis na blogu. Jednak dane są generowane między innymi przez działania użytkownika, takie jak komentarze, głosy i zakupy. Zmiany wprowadzane w poście są również automatycznie zapisywane przez WordPress.

Istnieją dwie rzeczy, które mogą wydłużyć czas potrzebny na zwrócenie żądania bazy danych do witryny WordPress. Po pierwsze, czas wykonania tych zapytań rośnie wraz ze wzrostem rozmiaru bazy danych. Cykle wprowadzania i usuwania danych mogą również powodować fragmentację bazy danych, co powoduje, że różne części bazy danych są przechowywane w różnych lokalizacjach na dyskach.

Dlatego dobrym pomysłem jest utrzymywanie bazy danych w czystości i wolnej od spamu i niezatwierdzonych komentarzy, poprawek postów i usuniętych postów. Możliwa jest optymalizacja bazy danych WordPress za pomocą WP Optimize, wtyczki, która usuwa niepotrzebne dane i defragmentuje bazę danych.

11. Aktualizuj witrynę WordPress.

Zarówno WordPress, jak i PHP są dobrze znane i nadal rozwijają się. Są codziennie aktualizowane o nowe funkcje, poprawki błędów, poprawki bezpieczeństwa i aktualizacje wydajności, a także inne rodzaje ulepszeń.

Konieczna jest aktualizacja WordPressa, a także wszelkich wtyczek i PHP do ich najnowszych wersji, aby nadążyć za tymi ulepszeniami. Niemniej jednak przed wykonaniem aktualizacji będziesz musiał wykonać kopię zapasową wersji WordPressa, która jest aktualnie uruchomiona w Twojej witrynie.

12. Usuń nieużywane multimedia z biblioteki multimediów

Rewizje w WordPressie umożliwiają cofanie się i cofanie zmian, ale mogą również zapełnić Twoją bazę danych i powiększyć ją.

Baza danych Twojej witryny musi być utrzymywana, aby działała płynnie, i możesz to zrobić ręcznie lub za pomocą wtyczki takiej jak WP Rocket. SG Optimizer, w chwili pisania tego tekstu, ma również przełącznik do tego.

Korzystanie z tych samych metod w kolekcji multimediów, przechowywanie nieużywanych obrazów w bibliotece może zająć dużo miejsca na dysku, co może negatywnie wpłynąć na szybkość witryny.

Możliwe jest ręczne usunięcie niechcianych zdjęć z biblioteki multimediów lub użycie wtyczki, takiej jak Media Cleaner, aby się tym zająć.

13. Napraw błędy HTTPS/SSL bez wtyczki

„Błąd zawartości mieszanej” występuje, gdy na tej samej stronie internetowej ładowane są zarówno treści pochodzące z protokołu HTTP, jak i HTTPS. Oznacza to, że tylko niektóre zasoby Twojej strony są bezpieczne.

Aby to naprawić, zlokalizuj wszystkie zasoby w swojej witrynie, które prowadzą do HTTP zamiast HTTPS. Zamień HTTP na HTTPS.

Wybierz menu Ustawienia > Ogólne i przewiń w dół. Upewnij się, że HTTPS, a nie HTTP, pojawia się przed domeną obok adresu WordPress (URL) i adresu witryny (URL).

Przyspiesz swoją witrynę WordPress już dziś!

Wszystko wymienione powyżej działa jak urok. Należy jednak wziąć pod uwagę każdą konfigurację WordPressa. Spowolnienie witryny może być spowodowane różnymi czynnikami, takimi jak złożony motyw, nieodpowiedni hosting lub oprogramowanie śledzące innych firm.

Jeśli po wprowadzeniu tych zmian wydajność strony nadal nie jest taka, jak chcesz, możesz potrzebować dodatkowej pracy w witrynie. W związku z tym wysoce zalecane jest zatrudnienie programisty lub eksperta ds. szybkości strony w celu dokładniejszego zbadania sprawy.