Wolna strona internetowa nie tylko powoduje niezadowolenie odwiedzających, ale także szkodzi Twojemu rankingowi Google. W tym artykule pokażemy Ci, jak zoptymalizować szybkość strony WordPress. Skupimy się głównie na mniej popularnych wskazówkach i sztuczkach, które można wykorzystać do dostrojenia witryny WordPress pod względem szybkości strony.

Ważne: Wartości PageSpeed Google nie odpowiadają rzeczywistemu czasowi ładowania. Witryna WordPress może również ładować się szybko, ale nadal nie być idealnie zoptymalizowana (tj. nie mieć idealnych wartości PageSpeed). Idealny wynik w Google PageSpeed Insights niekoniecznie powinien być zatem celem. Zamiast tego ważne jest, aby wypróbować różne rzeczy i odfiltrować środki i śruby regulacyjne, które naprawdę mają zauważalny wpływ na czas ładowania Twojej witryny WordPress.

Przed optymalizacją: Zmierz prędkość

Zanim zaczniesz optymalizować szybkość strony WordPress, powinieneś wiedzieć, jak obecnie wygląda Twoja witryna pod względem optymalizacji wydajności. Cztery wartości są kluczowe dla Twojego audytu:

• First Contentful Paint (FCP) wskazuje, jak szybko pierwsze elementy są wyświetlane na stronie. Zasadniczo mierzy postrzegany czas ładowania i jest szczególnie ważny w optymalizacji.
• LCP (Largest Contentful Paint) wyraża czas potrzebny na załadowanie pozostałych elementów z głównej zawartości strony po załadowaniu pierwszego z nich.
• First Input Delay (FID) mierzy, ile czasu upływa, zanim odwiedzający mogą faktycznie wejść w interakcję z Twoją witryną.
• Cumulative Layout Shift (CLS) powinien idealnie zawsze wynosić zero. Wartość ta oznacza przesunięcia w układzie, które na przykład prowadzą do kliknięcia przez użytkownika niewłaściwego przycisku.

W przeciwieństwie do Time To First Bite (TTFB) - czasu od pierwszego żądania do odpowiedzi serwera - wartości te są zorientowane na użytkownika. Nie są one ukierunkowane wyłącznie na wydajność WordPress. Oznacza to, że są one w mniejszym stopniu zdeterminowane przez środki takie jak buforowanie (po stronie serwera) i odpowiedni hosting WordPress. Zamiast tego ważne jest, abyś mądrze budował swoje strony. Na przykład, powinny one być ładowane we właściwej kolejności - ale o tym później.

Jeśli chcesz zmierzyć szybkość swojej witryny WordPress, dostępnych jest kilka narzędzi online, w tym:

• Google PageSpeed Insights
• GTmetrix
• Lighthouse (rozszerzenie dla Google Chrome)
• WebPageTest

Google i GTmetrix oferują Ci niezwykle szczegółowe WordPress PageSpeed Insights tutaj. Jednak tylko WebPageTest mierzy również postrzegany czas ładowania. Możesz dowiedzieć się, na co należy zwrócić uwagę podczas korzystania z tego nieco bardziej złożonego narzędzia w naszym artykule WebPageTest: Analizuj wydajność swojej strony internetowej.

Czym jest dobra prędkość strony?

Wszystkie testy są mało przydatne, jeśli nie wiesz, jak później sklasyfikować wyniki. Zanim przejdziemy do wskazówek dotyczących optymalizacji, przedstawimy Ci odpowiedź na pytanie: Która wartość prędkości strony jest rzeczywiście dobra? Rzucimy okiem na Google PageSpeed Insights i GTmetrix.

Ważne: Jeśli Twoja witryna zawiera również blog lub magazyn, zawsze powinieneś mierzyć szybkość strony dla co najmniej jednego artykułu oprócz strony głównej. Ponadto, powinieneś odnieść szybkość strony do typu witryny, z którą masz do czynienia. W przypadku prostego bloga osiągnięcie idealnych wartości PageSpeed jest znacznie bardziej realistyczne niż w przypadku rozbudowanej witryny z rozszerzonymi funkcjami.

Google PageSpeed Insights

PageSpeed Insights, który zapewnia narzędzie Google, odnosi się mniej do rzeczywistych czasów ładowania niż do stopnia optymalizacji. Aby przetestować, po prostu wprowadź tutaj swój adres URL (np. stronę główną lub podstronę w magazynie lub blogu). Google domyślnie pokaże Ci wynik testu dla mobilnej wersji strony. Możesz to jednak zmienić na wersję desktopową.

Wyniki wydajności są łatwe do zrozumienia i oznaczone kolorami zgodnie z systemem sygnalizacji świetlnej:

• Czerwony = od 0 do 49 punktów = słaby
• Pomarańczowy = od 50 do 89 punktów = średni
• Zielony = 90 do 100 punktów = dobry

W praktyce jednak interpretacja nie jest taka prosta. Między innymi, nie jest absolutnie konieczne osiągnięcie wartości w zielonym zakresie, aby Twoja witryna nabrała prędkości.

Zamiast tego możesz zapamiętać jako zasadę : Na urządzeniach mobilnych powinieneś być przynajmniej w pomarańczowym zakresie; wszystko powyżej wartości około 70 jest już dobre. W przypadku komputerów stacjonarnych możesz zdecydowanie dążyć do zielonego zakresu - ale nie musisz też mieć 100 punktów.

GTmetrix

GTmetrix jest również stosunkowo prostym narzędziem, ale mierzy głównie rzeczywisty czas ładowania Twojej witryny. Uwaga: powinieneś zarejestrować się za darmo przed pomiarem i zmienić lokalizację pomiaru z Vancouver na Londyn.

Alternatywnie możesz również sprawdzić szybkość swojej witryny za pomocą naszego testu szybkości WordPress. Po prostu wprowadź swój adres URL, a nasi eksperci WordPress sprawdzą dla Ciebie szybkość Twojej witryny WordPress. Po maksymalnie 48 godzinach otrzymasz wiadomość e-mail ze wszystkimi szczegółami dotyczącymi testu i pełnym wynikiem pomiaru GTmetrix ze wszystkimi istotnymi danymi dotyczącymi wydajności (w tym Core Web Vitals).

Zasadą jest tutaj: Powinieneś uzyskać co najmniej ocenę B.

Zoptymalizuj szybkość strony WordPress: 5 wskazówek

Jeśli naprawdę chcesz skutecznie zoptymalizować szybkość strony WordPress, powinieneś upewnić się, że Twoje działania opłacają się w jednym z tych czterech głównych parametrów:

• Zmniejsz rozmiar swojej strony internetowej
• Zmniejsz liczbę żądań HTTP
• Kompresuj pakiety danych
• Zoptymalizuj postrzegany czas ładowania

Nasza rada : Zawsze powinieneś najpierw skupić się na "nisko wiszących owocach" i na przykład aktywować buforowanie (wtyczki lub po stronie serwera), zmniejszyć HTML, CSS i JavaScript, wyczyścić WordPress lub zoptymalizować obrazy dla WordPress. Szybki hosting WordPress gwarantuje również, że technologia nie spowolni Cię wszystkimi optymalizacjami.

Ogólnie rzecz biorąc, istnieje wiele łatwych do wdrożenia środków, dzięki którym możesz skrócić czas ładowania swojej witryny WordPress. Podstawy podsumowaliśmy już dla Ciebie w kilku artykułach i oczywiście nie chcemy Cię ich tutaj pozbawiać:

• Optymalizacja WordPress z pomocą 10 najważniejszych elementów regulacyjnych
• Przyspiesz WordPressa: Najlepsze wskazówki dla większej wydajności
  
• PageSpeed Insights i znaczenie szybkości strony internetowej
• Zamknij się Google PageSpeed! Napraw najważniejsze komunikaty o błędach

Czy dostosowałeś już wszystkie podstawy? W takim razie przedstawimy Ci teraz pięć dodatkowych wskazówek i sztuczek, których możesz użyć do dostrojenia szybkości strony WordPress.

#1 Przewiduj żądania DNS

Większość stron internetowych zawiera kod stron trzecich. Filmy są często udostępniane za pośrednictwem oddzielnego hostingu wideo (np. za pośrednictwem YouTube lub Vimeo). Prawdopodobnie zintegrowałeś również usługi takie jak Google Maps lub kanały społecznościowe z Instagram & Co. na swojej stronie internetowej. Mówiąc prościej, wszystkie te usługi muszą zostać załadowane z zewnętrznego serwera zewnętrznego dostawcy za pośrednictwem żądań DNS, aby mogły działać. Zajmuje to określoną ilość czasu i może powodować wolniejsze ładowanie Twojej witryny.

Jednym ze sposobów na zaoszczędzenie czasu i zoptymalizowanie szybkości Twojej strony WordPress jest wstępne pobieranie DNS. W tym przypadku zapytania DNS na stronie są już wykonywane w tle, zanim użytkownicy faktycznie klikną odpowiedni link, na przykład wideo. W ten sposób wyszukiwanie DNS już się odbyło, a czas oczekiwania użytkowników jest skrócony. Rezultat: lepsze wrażenia użytkownika i większa szybkość strony.

Możesz skonfigurować wstępne pobieranie DNS za pomocą wtyczki wydajności WordPress, takiej jak Perfmatters lub WP Rocket.

#2 Ogranicz zawartość zewnętrzną

Jest to nawet lepsze dla szybkości strony WordPress, jeśli ograniczysz zawartość zewnętrzną tak bardzo, jak to możliwe. Jeśli napotkasz ten komunikat o błędzie, najlepiej ponownie rozważyć, czy naprawdę potrzebujesz wszystkiego, co jest obecnie zintegrowane z Twoją witryną za pośrednictwem usług zewnętrznych.

Jeśli tak, możesz również użyć leniwego ładowania , aby wyświetlać niektóre treści tylko wtedy, gdy odwiedzający witrynę faktycznie przewijają do miejsca, w którym są osadzone na stronie. Jest to możliwe na przykład dzięki wtyczkom takim jak a3 Lazy Load.

#3 Zoptymalizuj swoje czcionki

Na pierwszy rzut oka czcionki nie wydają się być dużym obciążeniem dla wydajności, ale z pewnością mogą zaszkodzić szybkości Twojej strony. Dzieje się tak zawsze, gdy tak jak w przypadku Google Fonts, są one dostarczane z dużymi arkuszami stylów, które najpierw muszą zostać załadowane zewnętrznie lub zintegrowane lokalnie.

Jednym z rozwiązań są bezpieczne czcionki internetowe lub czcionki systemowe , takie jak Arial, Helvetica lub Verdana, które są preinstalowane na każdym urządzeniu. Zapewniają one najlepszy czas ładowania i nie powodują problemów z witryną RODO. Jeśli obecnie używasz dwóch lub więcej czcionek, powinieneś również rozważyć, czy możesz je zmniejszyć.

Jeśli nie chcesz używać bezpiecznych czcionek internetowych, powinieneś dodać atrybut wyświetlania czcionki swap. W ten sposób Twoja witryna zawsze najpierw załaduje bezpieczną czcionkę systemową, a później przełączy się na rzeczywistą czcionkę. Zwykle dzieje się to tak szybko, że odwiedzający witrynę nawet nie zauważają zmiany wizualnej.

Większość wtyczek wydajności i buforowania posiada tę funkcję. Możesz jednak również wstawić ją ręcznie do plików CSS swojego motywu. Wyszukaj regułę @font-face i dodaj atrybut"font-display: swap;".

#4 Nadaj priorytet widocznej zawartości

Szybkość strony zależy nie tylko od samych liczb, ale przede wszystkim od tego, czego doświadczają użytkownicy: postrzeganego czasu ładowania. Jeśli chcesz zoptymalizować szybkość swojej strony WordPress, powinieneś skoncentrować się na obszarze "above the fold", czyli tym, co jest widoczne bez przewijania.

Powinieneś nadać priorytet widocznym treściom i funkcjom, które odwiedzający mają bezpośrednio na ekranie, gdy wywołują stronę. Oznacza to, że przeglądarka powinna najpierw otrzymywać informacje, których potrzebuje, gdy strona jest wywoływana, aby wyświetlić widoczny obszar tak szybko, jak to możliwe.

W praktyce jednak zasoby, które nie są potrzebne później, często blokują renderowanie w widocznym obszarze strony. Aby to naprawić i poprawić postrzegany czas ładowania, masz kilka opcji:

• Wprowadź priorytetyzację: Tutaj określasz, co powinno zostać załadowane jako pierwsze. Na przykład, możesz nadać priorytet obrazom i ładować je tylko wtedy, gdy zawartość została w pełni sprawdzona (leniwe ładowanie).
• CSS- und JavaScript-Dateien nach unten verlegen: JavaScript und CSS im Head der Seite können das Rendering im sichtbaren Bereich blockieren. Am besten verlegst du daher alles, was du zum Beispiel an Skripten und CSS-Dateien nicht sofort benötigst, ganz nach unten auf deine Seite vor das abschließende </body>. Falls das nicht geht, kannst du CSS und JavaScript auch asynchron laden lassen.

#5 Wyłącz nieużywane funkcje WordPress

Domyślnie WordPress ma włączone niektóre funkcje, których prawdopodobnie nie potrzebujesz. Niemniej jednak są one zawsze ładowane w tle - i spowalniają Twoją witrynę. Jeśli chcesz przenieść szybkość swojej strony na wyższy poziom, powinieneś zawsze sprawdzić, czy możesz wyłączyć nieużywane funkcje.

Należą do nich między innymi:

• Pingbacki : Domyślnie WordPress współdziała z innymi witrynami, które zezwalają na pingbacki i trackbacki. Jeśli nie potrzebujesz tej funkcji, powinieneś ją wyłączyć.
• Wersje: WordPress automatycznie tworzy wersje wszystkich Twoich postów. Może to być przydatne, ale z czasem tworzy wiele śmieci danych, które spowalniają Twoją witrynę. Najlepiej jest ograniczyć liczbę poprawek.
• Emoji: Od wersji 4.2 emoji są częścią rdzenia WordPress. Skrypty są zatem zawsze ładowane, gdy ktoś wywołuje stronę - niezależnie od tego, czy są faktycznie używane. Kosztuje to cenny czas ładowania.
• Gravatar: Domyślnie Gravatar wysyła żądania do zewnętrznych serwerów w USA dla każdego komentarza, co spowalnia działanie Twojej witryny i jest również trudne pod względem ochrony danych.

Podczas gdy te i podobne funkcje mają minimalny wpływ na szybkość ładowania strony pojedynczo, w sumie mogą one zrobić prawdziwą różnicę. Wyłączając je, zmniejszasz liczbę żądań HTTP i opłacasz jeden z czterech głównych parametrów optymalizacji szybkości strony WordPress. Większość z tych nieużywanych podstawowych funkcji WordPressa możesz wyłączyć kilkoma kliknięciami za pomocą Perfmatters lub WP-Optimize.

Wniosek: PageSpeed to nie wszystko

Podsumowując, poza podstawami - takimi jak aktywacja buforowania, poleganie na szybkim hostingu lub uporządkowanie wtyczek - istnieje również szereg ustawień, które możesz dostosować, aby zwiększyć szybkość strony WordPress.

Podsumowując, nigdy nie powinieneś pozwolić, aby wynik Google PageSpeed Insights doprowadził cię do szaleństwa. Chociaż ujawnia on potencjał optymalizacyjny i zapewnia dobrą orientację, nie jest w żadnym wypadku miarą wszystkich rzeczy. Pójście na łatwiznę w pogoni za idealnym wynikiem 100 na 100 punktów może być również stratą czasu.

Nie wszystkie optymalizacje zawsze mają sens w indywidualnych przypadkach, zwłaszcza przy tak rozbudowanym systemie zarządzania treścią jak WordPress. Dlatego o wiele ważniejsze jest sprawdzenie i zoptymalizowanie rzeczywistego i postrzeganego czasu ładowania witryny.

Często zadawane pytania dotyczące WordPress Page Speed

Co wpływa na czas ładowania strony internetowej?

Istnieje wiele czynników wpływających na czas ładowania strony internetowej. Do najważniejszych z nich należą rozmiar witryny, liczba żądań HTTP, kompresja pakietów danych i optymalizacja postrzeganego czasu ładowania. Podstawą dobrego czasu ładowania jest zawsze wydajny i szybki hosting WordPress.

Jak długo może ładować się strona?

Badania pokazują, że w szczególności użytkownicy mobilni po prostu przestają ładować stronę sklepu internetowego, jeśli trwa to dłużej niż trzy sekundy. Idealnie byłoby, gdyby czas ładowania nie przekraczał dwóch sekund.

Jak ważna jest szybkość strony?

Szybkość strony, tj. szybkość ładowania witryny, może decydować o tym, czy użytkownicy będą angażować się w Twoją firmę, czy też przedwcześnie opuszczą Twoją witrynę. Ma to znaczący wpływ na doświadczenie użytkownika, a także wpływa na ranking Google Twojej witryny. Ponadto, Twój współczynnik konwersji cierpi w najgorszym przypadku z powodu zbyt długich czasów ładowania.