W artykule:
Czy chcesz zoptymalizować podstawowe funkcje sieciowe dla WordPress?
Core Web Vitals to inicjatywa firmy Google, która pomaga właścicielom witryn internetowych poprawić wrażenia użytkownika i jakość ich stron internetowych. Sygnały te są kluczowe dla sukcesu każdej strony internetowej.
W tym przewodniku pokażemy, jak łatwo zoptymalizować podstawowe funkcje internetowe Google dla WordPress bez żadnych specjalnych umiejętności technicznych.
Oto krótki przegląd tego, co omówimy w tym przewodniku.
- Czym są podstawowe funkcje sieciowe Google?
- Jak przetestować swój wynik Google Core Web Vitals
- Dlaczego podstawowe funkcje witalne są ważne?
- Jak poprawić podstawowe funkcje internetowe w WordPress (7 porad)
Czym są podstawowe funkcje sieciowe Google?
Google Core Web Vitals to zestaw wskaźników wydajności witryny, które Google uważa za ważne dla ogólnego doświadczenia użytkownika witryny. Te istotne wyniki internetowe będą częścią ogólnego wyniku doświadczenia strony Google, który wpłynie na twoje rankingi SEO.
Prawda jest taka, że nikt nie lubi powolnego ładowania strony internetowej, w tym Google.
Nawet jeśli witryna ładuje się szybko, może nie być w pełni funkcjonalna, aby użytkownicy mogli robić to, co chcą robić lub uzyskiwać dostęp do potrzebnych informacji.
To jest to, co Web Vitals pomaga zmierzyć. Jak szybko twoja strona się ładuje, staje się widoczna i jest gotowa dla Twoich użytkowników?
Aby to zrobić, Google używa trzech testów jakości (Web Vitals).
- Największa Farba Contentful (LCP)
- Pierwsze Opóźnienie wejścia (FID)
- Skumulowane przesunięcie układu (CLS)
Nazwy tych testów mogą wydawać się zbyt techniczne, ale to, co robią, jest dość łatwe do zrozumienia.
Zobaczmy, jak działa każdy test witalności internetowej, co mierzą i jak możesz poprawić swój wynik..
Największa Farba Kontentowa-LCP
Largest Contentful Paint lub LCP, sprawdza, jak szybko główna treść (niezależnie od tego, czy jest to obraz, artykuł, Czy opis) staje się widoczna dla użytkowników.
Na przykład witryna może się szybko ładować, ale największa zawartość może nie pojawić się na ekranie tak szybko, jak reszta strony.
Inne narzędzia do testowania prędkości dadzą ci wysoki wynik, ale z punktu widzenia użytkownika strona jest nadal wolna.
Dlatego Google mierzy LCP jako część ich Web vital score, więc właściciele witryn mogą mieć bardziej jasne zrozumienie.
Pierwsze Opóźnienie wejścia (FID)
Pierwsze Opóźnienie wejścia (FID) mierzy czas potrzebny przeglądarce użytkownika na rozpoczęcie obsługi zdarzeń w odpowiedzi na interakcję użytkownika.
W prostym języku angielskim Załóżmy, że użytkownik jest na stronie formularza kontaktowego. Wypełniają formularz i klikają przycisk Wyślij. FID, zmierzy, jak szybko twoja strona przetwarza tę interakcję.
Jeszcze prostszym przykładem może być czas, od kiedy użytkownik kliknie link do czasu, w którym jego przeglądarka zacznie przetwarzać następną sekwencję zdarzeń.
Skumulowane przesunięcie układu (CLS)
Cumulative Layout Shift (CLS) mierzy czas potrzebny na wizualną stabilność witryny.
Podczas ładowania strony internetowej niektóre elementy wymagają więcej czasu niż inne. W tym czasie zawartość witryny może poruszać się po ekranie.
Na przykład, jeśli użytkownik czyta akapit na urządzeniu mobilnym, a osadzone wideo ładuje się nad nim, powoduje to przesunięcie całej zawartości w dół. Może to być naprawdę frustrujące, jeśli Użytkownik próbował wykonać akcję, taką jak dodanie produktu do koszyka, gdzie przycisk przesuwa się w dół z powodu innych elementów poruszających się na stronie.
Video Tutorial
Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.
Jak przetestować swój wynik Google Core Web Vitals
Najprostszym sposobem na przetestowanie wyniku Google Core Web Vitals jest użycie narzędzia Page Speed Insights. Po prostu wprowadź adres URL, który chcesz przetestować, i kliknij przycisk Analizuj.
Podstawowe istotne wyniki są wyświetlane w sekcji zatytułowanej „dane pola” sekcja.
Aby to uprościć, na górze zobaczysz komunikat o treści „[ … ] field data pokazuje, że ta strona przechodzi podstawową ocenę witalności internetowej”.
Na poniższym wykresie możesz zobaczyć rzeczywisty wynik wszystkich trzech podstawowych funkcji życiowych. Oto ile musisz zdobyć, aby przejść podstawowe testy witalności internetowej dla każdego elementu.
- Największa zawartość farby (LCP) – 2,5 sekundy
- Opóźnienie pierwszego wejścia (FID) – poniżej 100 milisekund
- Skumulowane przesunięcie układu (CLS) – mniej niż 0,1
Jak wyświetlić Google Core Web Vitals dla pełnej strony internetowej?
Teraz narzędzie Page Speed Insights umożliwia sprawdzenie pojedynczej strony. Jeśli sprawdzana strona jest głównym źródłem nazwy domeny, możesz również kliknąć pole wyboru „Pokaż podsumowanie pochodzenia”.
To pokaże Ci wynik dla wszystkich stron serwowanych z tego źródła.
Jednak, aby naprawdę zagłębić się głęboko, możesz uzyskać dostęp do podstawowego raportu witalności internetowej na pulpicie nawigacyjnym Google Search Console.
Pozwala to zobaczyć, ile adresów URL w Twojej witrynie przeszło testy, które adresy URL wymagają poprawy, a które strony mają słaby wynik.
Aby uzyskać jeszcze bardziej szczegółowe raporty witalności internetowej,możesz użyć testu prędkości latarni morskiej, przechodząc do strony internetowej.narzędzie Dev Measure, lub za pomocą wbudowanego testu w przeglądarce Google Chrome.
Po prostu otwórz witrynę w Chrome, kliknij prawym przyciskiem myszy w dowolnym miejscu na ekranie,a następnie wybierz opcję Inspect. W zakładkach pojawi się opcja o nazwie Lighthouse.
Następnie kliknij przycisk Generuj raport.
Uwaga: Aby uzyskać najdokładniejsze wyniki, musisz wykonać test Chrome w trybie Incognito. W przeciwnym razie rozszerzenia przeglądarki mogą negatywnie wpłynąć na podstawowy wynik Web vital, który pokazuje.
Dlaczego podstawowe funkcje witalne są ważne?
Podstawowe funkcje sieciowe są ważne, ponieważ odzwierciedlają działanie witryny dla użytkowników. Koncentruje się nie tylko na szybszym ładowaniu strony internetowej, ale także na tym, jak szybko użytkownicy mogą z niej korzystać.
Według niedawnego badania, 1-sekundowe opóźnienie w czasie ładowania strony może prowadzić do 7% utraty konwersji, 11% mniej wyświetleń strony i 16% spadek zadowolenia klienta.
Dlatego tak ważne jest, aby zoptymalizować witrynę pod kątem szybkości i wydajności. Jednak większość narzędzi do pomiaru wydajności nie odzwierciedlała jakości obsługi.
Szybsza strona internetowa ze słabym doświadczeniem użytkownika nadal kosztuje konwersje, mniej wyświetleń strony i słabą satysfakcję klienta. Poprawa podstawowych witalności internetowych pomaga temu zaradzić.
Doświadczenie użytkownika jest również ważnym czynnikiem w rankingach SEO. Google ogłosił już, że począwszy od maja 2021 aktualizacja algorytmu wyszukiwania obejmie doświadczenie strony jako jeden z czynników rankingowych.
Mając to na uwadze, zobaczmy, jak możesz łatwo poprawić swoje podstawowe funkcje witryn internetowych, aby zaoferować lepsze wrażenia użytkownika na swojej stronie.
Jak poprawić podstawowe funkcje internetowe w WordPress (7 porad)
Poprawa podstawowego wyniku Web Vitals w WordPress nie jest taka trudna. Korzystając z kilku podstawowych wskazówek dotyczących optymalizacji wydajności, możesz łatwo przekazać wynik Web Vitals.
1. Zoptymalizuj Swój Hosting WordPress
Twoja firma hostingowa WordPress odgrywa najważniejszą rolę w wydajności Twojej witryny.
Są w stanie zoptymalizować swoje serwery pod kątem WordPress, co daje Twojej witrynie solidną platformę do budowania.
Zalecamy korzystanie z SiteGround dla wysokowydajnej strony internetowej. Są jedną z oficjalnie polecanych firm hostingowych WordPress i używamy SiteGround na stronie WPBeginner.
Aby zapewnić Twojej witrynie wzrost wydajności, którego potrzebuje, SiteGround korzysta z Google Cloud Platform dla swoich serwerów wraz z ultraszybkim PHP.
Ich wtyczka SG Optimizer jest używana przez ponad milion stron internetowych. Automatycznie wprowadza dalsze ulepszenia wydajności i włącza wbudowane buforowanie, które robi wszystko, co robi WP Rocket i nie tylko.
Ważne jest, aby pamiętać, że ich wtyczka SG Optimizer działa tylko na kontach hostingowych SiteGround, a te optymalizacje wydajności są dostępne dla wszystkich planów, w tym dla najniższej opcji.
Jeśli używasz innego dostawcy hostingu WordPress, zalecamy użycie wp Rocket wraz z kilkoma innymi narzędziami, aby osiągnąć lepszy wynik podstawowych witalności internetowych.
WP Rocket to najlepsza wtyczka buforująca WordPress na rynku. Pozwala łatwo skonfigurować buforowanie w witrynie WordPress bez wchodzenia w szczegóły techniczne zarządzania serwerem.
2. Poprawa największego wyniku Paintful Content (LCP)
Jak wspomniano wcześniej, największy Paintful treści (LCP) jest dosłownie największą częścią treści w obrębie widoku strony. Na przykład w poście na blogu może to być polecany obraz lub tekst artykułu.
Im szybciej ta zawartość się ładuje, tym wyższy będzie twój wynik LCP.
Skąd wiesz, która treść jest uważana za największą w teście? Cóż, musisz przewinąć w dół do wyników testu i rozwinąć zakładkę „największy zadowolony element farby”.
Zobaczysz elementy brane pod uwagę dla wyniku LCP. Jeśli jest to większy obraz, Możesz spróbować zastąpić go mniejszym obrazem lub obrazem o niższym rozmiarze i jakości pliku. Zobacz nasz przewodnik, jak zoptymalizować obrazy pod kątem wydajności sieci.
Jeśli jest to tekst, możesz spróbować podzielić go na akapity i nagłówki.
3. Poprawiono wynik pierwszego opóźnienia wejścia (FID)
Pierwszy wynik opóźnienia wejścia mierzy czas między kliknięciem przez użytkownika czegoś w Twojej witrynie a uruchomieniem przez przeglądarkę elementów przetwarzania.
Najważniejszą wskazówką, aby to poprawić, jest użycie lepszego hostingu lub nawet zarządzanej platformy hostingowej WordPress.
Innym łatwym sposobem na poprawę wyniku FID jest użycie wtyczki buforującej, takiej jak WP Rocket. Jest wyposażony we wbudowaną funkcję, która pozwala zoptymalizować dostarczanie plików.
Najpierw musisz zainstalować i aktywować wtyczkę WP Rocket. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Następnie przejdź do Ustawienia ” wp Rocket strony i przełącz na kartę Optymalizacja plików.
Przewiń w dół strony i zaznacz pole obok opcji „Wczytaj JavaScript odroczony”.
Nie zapomnij kliknąć przycisku Zapisz zmiany, aby zapisać zmiany.
Odroczenie JavaScript pozwala na załadowanie witryny bez czekania na załadowanie JavaScript. Poprawia to wynik pierwszego opóźnienia wejścia (FID) dla stron, których przyczyną może być JavaScript.
4. Poprawa wyniku skumulowanego przesunięcia układu (CLS)
Skumulowane przesunięcie układu (CLS) wpływa na wynik, gdy różne elementy na stronie internetowej ładują się powoli i przesuwają inne elementy na ekranie.
Możesz sprawdzić, które elementy mają wpływ na wynik CLS, rozszerzając kartę „unikaj dużych zmian układu”na stronie Wyniki Speed Insights.
To pokaże elementy, które powodują największy wpływ zmiany układu podczas ładowania strony.
Aby upewnić się, że układ wizualny strony nie zmienia się w miarę ładowania innych elementów, musisz poinformować przeglądarki o wymiarach (szerokość i wysokość) elementów, takich jak obrazy, osadzenia wideo, reklamy, takie jak Google AdSense i inne.
WordPress automatycznie dodaje atrybuty wysokości i szerokości do dodawanych obrazów. Jednak nadal można sprawdzić wszystkie inne media, szczególnie osadzone, aby upewnić się, że wszystkie z nich mają atrybuty wysokość i szerokość.
Jednym ze sposobów jest użycie narzędzia Inspect. Wystarczy kliknąć prawym przyciskiem myszy w przeglądarce i wybrać inspekcję, aby otworzyć konsolę dla programistów.
Następnie możesz wskazać i kliknąć różne elementy strony, aby wyróżnić ich kod źródłowy. Tam możesz sprawdzić, czy element ma zdefiniowane atrybuty width i height.
5. Eliminacja Renderowania Elementów Blokujących
Elementy blokujące renderowanie to te elementy, które są wolniejsze do załadowania, ale blokują inne elementy przed załadowaniem jako pierwsze. Wpływa to na ogólny wynik witalności internetowej i doświadczenie użytkownika na swojej stronie.
Wyniki Page Speed Insights pokażą elementy blokujące renderowanie. Są to zazwyczaj pliki JavaScript lub CSS dodane przez wtyczki WordPress, narzędzia innych firm, takie jak Google Analytics, Facebook Pixel, Google Ads i inne.
Jednak większość takich elementów jest programowo dodawana do witryny przez różne wtyczki lub motyw. Utrudnia to początkującemu użytkownikowi ich usunięcie lub prawidłowe załadowanie.
Mamy przewodnik krok po kroku, jak łatwo wyeliminować elementy blokujące renderowanie w WordPress bez mieszania się z kodem na twojej stronie.
6. Prawidłowo rozmiar obrazów w WordPress
Inną częstą przyczyną dolnego rdzenia Web Vitals wynik jest bardzo duże obrazy. Wielu użytkowników WordPressa przesyła obrazy o wysokiej rozdzielczości do swoich stron internetowych, które trwają dłużej i w większości przypadków nie są konieczne.
Staje się to jeszcze bardziej problematyczne dla użytkowników urządzeń mobilnych. Twój responsywny motyw WordPress i WordPress automatycznie dopasują obraz do ekranu mobilnego użytkownika, ale nadal będą ładować większy plik.
Mamy szczegółowy przewodnik, jak prawidłowo zoptymalizować obrazy dla witryny WordPress bez utraty jakości lub wpływu na wydajność.
7. Użyj CDN do serwera, aby poprawić wynik Web Vitals
CDN lub content delivery network to usługi innych firm, które umożliwiają serwowanie statycznej zawartości witryny z wielu serwerów na całym świecie.
Pozwala to użytkownikom na pobieranie tych statycznych plików, takich jak obrazy i CSS z serwerów, które są najbliżej nich. Zmniejsza to również obciążenie witryny, które może następnie kontynuować ładowanie innych elementów.
Możesz użyć aplikacji zapory w chmurze, takiej jak Sucuri, która jest dostarczana z wbudowaną usługą CDN. Sucuri pomaga również blokować złośliwe i spamowe żądania, co dodatkowo uwalnia zasoby Twojej witryny.
Możesz również użyć CloudFlare free CDN jako alternatywy. Jest wyposażony w podstawową ochronę firewall i usługę CDN, która poprawiłaby wyniki witryn internetowych.
Mamy nadzieję, że ten przewodnik pomógł Ci dowiedzieć się, jak zoptymalizować podstawowe funkcje witalne dla WordPress. Innym ważnym aspektem dobrego doświadczenia użytkownika jest bezpieczeństwo. Zalecamy przestrzeganie naszej listy kontrolnej bezpieczeństwa WordPress, aby upewnić się, że na wydajność Twojej witryny nie ma wpływu spam lub ataki DDoS.
Możesz również zobaczyć nasze porównanie najlepszego oprogramowania do edycji wideo i najlepszych platform webinarnych, aby stworzyć zoptymalizowaną pod względem wydajności zawartość multimedialną, która nie spowalnia szybkości witryny.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
