Google Pagespeed Insights for Publishers — wskazówki, jak poprawić szybkość strony w witrynie

Szybkość ładowania strony jest głównym czynnikiem branym pod uwagę przez Google przy ustalaniu rankingu wyników wyszukiwania. Google skupia się coraz bardziej na ogólnym wrażeniu odwiedzających i stworzył Google Core Web Vitals, aby śledzić szybkość ładowania strony, stabilność układu strony i szybkość, z jaką użytkownik może rozpocząć interakcję ze stroną.

Google niedawno zaczęło mierzyć szybkość i doświadczenie strony na podstawie pass/fail, jako czynnik w rankingu wyszukiwania. Jakość strony jest coraz bardziej punktem odniesienia dla wydawców internetowych, którzy już odczuwają wpływ blokowania reklam przez użytkowników wrażliwych na czas ładowania strony i przepustowość.

W szczególności na wydawców może mieć negatywny wpływ nowy test szybkości strony i podejście do punktacji Google, ponieważ reklamy, określanie stawek nagłówka, kierowanie i narzędzia reklamowe mogą jeszcze bardziej wpłynąć na ogólną jakość i szybkość strony. Twoje Google PageSpeed ​​Insights są nieodłącznie powiązane z Twoim zasięgiem. Jeśli Twoja strona ładuje się powoli, wiadomości przejdą dalej — i zostawią Cię w tyle.

Google PageSpeed ​​Insights i Core Web Vitals Score

Firma Google opracowała narzędzie PageSpeed ​​Insights do analizowania zawartości witryny i szybkości jej ładowania, oceniania jej wydajności i dostarczania informacji, które pomagają wydawcom poprawić szybkość witryny. Google używa narzędzia do pomiaru szybkości witryny o nazwie Lighthouse, aby ocenić Twoją witrynę od 1 do 100 oddzielnie dla wersji na komputery i urządzenia mobilne, przy czym 90+ to dobry wynik.



Początkowo PageSpeed ​​Insights koncentrowało się głównie na czynnikach szybkości ładowania, ale ostatnio Google skupiło się na ogólnej obsłudze witryny. Google stwierdza: „ Optymalizacja pod kątem jakości obsługi jest kluczem do długoterminowego sukcesu każdej witryny w sieci”.

PageSpeed ​​Insights zostały początkowo wyparte z testów laboratoryjnych witryny, ale ostatnio Google skupił się na ogólnej obsłudze witryny i uwzględnił dane terenowe dotyczące wydajności witryny. Stworzyli Google Core Web Vitals (CWV), które skupiają się na trzech wskaźnikach doświadczenia użytkownika: stabilności strony, szybkości ładowania treści i szybkości zaangażowania strony.

Specjaliści SEO uważają, że tylko dane terenowe Google są wykorzystywane do rankingu wyszukiwania, a jakość treści nadal odgrywa dużą rolę w czynnikach rankingowych.

Jakie są podstawowe wskaźniki internetowe Google?

Podstawowe wskaźniki internetowe Google to trzy wskaźniki oceniające stabilność strony, szybkość ładowania strony i szybkość reakcji strony na interakcję użytkownika. Podstawowe wskaźniki internetowe są mierzone i raportowane zarówno na komputerach, jak i na urządzeniach mobilnych, i są dostępne w Google Search Console, a także na ich stronie programisty PageSpeed ​​Insights. Każdy, kto chce zmierzyć swoją własną witrynę lub dowolną witrynę, może wprowadzić adres URL strony i wyświetlić raport.

• Największe malowanie treści (LCP) — ta ocena określa, jak szybko strona może wczytać główną treść strony. LCP wynoszący 2,5 sekundy lub mniej to dobry wynik.
  
  
• Opóźnienie pierwszego wejścia (FID) — ta ocena mierzy czas reakcji strony internetowej na działanie podejmowane przez użytkownika. Licznik czasu dla tego pomiaru rozpoczyna się, gdy na stronie znajduje się coś wizualnego, na który użytkownik może zareagować, i kończy się, gdy strona jest w stanie zareagować na działanie odwiedzających. Jeśli strona nie może odpowiedzieć użytkownikowi, ponieważ odpowiada na wiele innych skryptów, które ładuje się jako pierwsza, ucierpi wynik FID. W przypadku pozytywnego wyniku FID wynoszący 100 milisekund lub mniej to dobry wynik.
  
  
• Kumulatywne przesunięcie układu (CLS) — CLS mierzy wizualną stabilność strony i układu. Jeśli opuścisz kartę, czy rzeczy się poruszają? Czy masz reklamy, obrazy lub elementy strony, które ładują się później i powodują zmianę układu strony? Skutkuje to słabym wynikiem CLS. Ocena CLS na poziomie 0,1 lub mniej to dobry wynik.

Ten przykład wideo autorstwa grupy programistów Google ilustruje problem z CLS. Użytkownik próbuje odrzucić zakup, ale układ przesuwa się na niego podczas klikania i przypadkowo klika zakup, co powoduje bardzo nieprzyjemne wrażenia.

Wskazówki Google dla wydawców przeprowadzających własny audyt szybkości strony: „rozważ przejście strony, jeśli spełnia zalecane cele w 75. percentylu dla wszystkich powyższych trzech wskaźników”.

Szybkość wczytywania strony i kluczowe wskaźniki sieciowe zostały zintegrowane z narzędziem programisty Chrome, dostępnym z poziomu przeglądarki Chrome. Tryb programisty Chrome robi nawet migawkę strony przez cały proces ładowania, aby pomóc precyzyjnie określić, gdzie występują problemy.


Aktualizacja: Ostatnie dane badawcze przeprowadzone przez Toma Cappera w Moz sugerują, że na rankingi stron internetowych wpływa przede wszystkim niepowodzenie wszystkich 3 progów kluczowych wskaźników sieciowych (LCP, FID, CLS), ale niepowodzenie 1 lub 2 nie było skorelowane ze znaczącym wpływem na rankingi.

Jak wydawcy mogą poprawić szybkość ładowania stron i kluczowe wskaźniki internetowe?

Wydawcy powinni regularnie wykonywać co najmniej trzy następujące kroki, aby poprawić wydajność witryny: Po pierwsze, regularnie przeprowadzać testy szybkości strony i interakcji oraz przeglądać raporty; po drugie, określ, które elementy są ładowane, a które są nieużywane lub niepotrzebne, takie jak stare czcionki lub skrypty css. Po trzecie, zanotuj obrazy, CSS, wideo i JavaScript, które można zoptymalizować pod kątem rozmiaru i szybkości ładowania poprzez kompresję, minifikację lub konkatenację.

Poniżej znajdują się dodatkowe kroki i zasoby dla wydawców, które mogą skrócić czas wczytywania witryny, kluczowe wskaźniki internetowe i wygodę użytkowników.

Zaimplementuj Lazy Loading, aby ulepszyć FID Web Vital

Lazy loading odracza ładowanie obrazów lub innych elementów do momentu załadowania i użycia zawartości i układu strony głównej. Może to poprawić przepustowość i metrykę FID. Pomyśl o obrazach i elementach, które nigdy nie pojawią się w części strony widocznej na ekranie. Te elementy można odłożyć, aby upewnić się, że początkowe wrażenia są szybkie i interaktywne.

Wordstream oferuje dobry artykuł o tym, kiedy i jak zaimplementować leniwe ładowanie, ale możesz chcieć sprawdzić w konkretnych społecznościach zbudowanych wokół Twojego systemu CMS. Hubspot ma wbudowane leniwe ładowanie w niektórych swoich funkcjach, a istnieje szereg wtyczek Wordpress do automatyzacji leniwego ładowania.

Wykorzystanie CDN sieci dostarczania treści

Wykorzystaj CDN i upewnij się, że jest odpowiednio skonfigurowany pod kątem wydajności. Sieć dostarczania treści (CDN) może skrócić przepustowość i czas ładowania strony, udostępniając kopie multimediów geograficznie bliżej użytkowników. Na przykład, odwiedzający w Kanadzie może otrzymać zawartość dostarczaną przez serwer CDN w Toronto, podczas gdy odwiedzający jednocześnie Indie może mieć zawartość dostarczaną z Chennai, wszystkie optymalnie zarządzane przez CDN.

Kompresuj obrazy i wideo, aby przyspieszyć ładowanie strony

Duże pliki multimedialne są jednym z najczęstszych przyczyn wolnego czasu wczytywania stron w komentarzach i jednym z najłatwiejszych do rozwiązania. Powinieneś uszeregować wszystkie obrazy w swojej witrynie według rozmiaru i od razu zwrócić uwagę na te o rozmiarze 100 000 lub większym. Możesz pająkować swoją witrynę za pomocą narzędzia takiego jak Screaming Frog, aby zidentyfikować wszystkie duże obrazy w ciągu kilku minut. Wordpress i nowoczesne systemy CMS często mają wbudowane narzędzia do kompresji obrazu, ale zweryfikuj się. Czasami możesz zrobić znacznie lepiej, korzystając z narzędzi innych firm stworzonych specjalnie do kompresji obrazu, takich jak tinypng lub jpeg-optimizer.

Usuń nieużywane pliki JavaScript, aby poprawić szybkość renderowania strony

Czy Twoja strona internetowa ma rozdęty JavaScript? Jeśli JavaScript blokuje renderowanie, należy go wywołać, pobrać, przeanalizować, ocenić i wykonać, zanim strona będzie mogła zakończyć renderowanie. Czy masz nieużywane pliki JavaScript? Pliki JavaScript mogą gromadzić się w celu kierowania, systemów CMS, ustawiania pikseli śledzących, tagów społecznościowych, ładowania czcionek i innych. Możesz szczegółowo określić, jaka część kodu JavaScript nie zostanie wykorzystana, korzystając z funkcji Pokrycie w Chrome DevTools.

Podczas uruchamiania narzędzia Google do szybkości strony zidentyfikuje dowolny kod JavaScript zawierający ponad 20 kilobajtów nieużywanego kodu.

Połącz lub zminimalizuj CSS i skrypty, aby poprawić szybkość strony

Minimalizacja tych skryptów pozwala zachować ich czytelność maszynową, ale sprawia, że ​​ładują się znacznie szybciej. Dostępnych jest kilka narzędzi do minimalizowania skryptów; RankRed zebrał dobry asortyment narzędzi do minifikacji skryptów i opisów. Możesz także zapisać niektóre wycieczki na serwer, jeśli połączysz pliki JavaScript lub CSS.

Optymalizacja pamięci podręcznej dla kluczowych wskaźników internetowych

Strategia pamięci podręcznej powinna zostać przejrzana pod kątem typu posiadanej witryny, w ramach funkcji pamięci podręcznej PI, takich jak kontrola pamięci podręcznej i ostatnia modyfikacja. Programiści Google udostępniają wskazówki i listę kontrolną opcji pamięci podręcznej, a także opcji konfiguracji popularnych serwerów. Możesz wstępnie załadować pamięć podręczną, aby strona była już zoptymalizowana przed przybyciem Googlebota w celu oceny wydajności.

Producent narzędzi WP WP Rocket sugeruje, że wstępne ładowanie pamięci podręcznej może być kluczową pomocą w poprawie szybkości strony i stworzył ten film, aby wyjaśnić.

Pomóż przeglądarkom przydzielać przestrzeń, aby uniknąć zmiany układu

• Określ atrybuty wysokości i szerokości obrazu, aby przeglądarka mogła zaplanować ich nieruchomość, nawet jeśli później będą się one wczytywać z opóźnieniem.
• Zarezerwuj miejsce na reklamy, elementy iframe i treści dynamiczne. Użyj kontenerów, aby uniknąć zmian układu w czasie renderowania.
• Rozważ optymalizację wyświetlania czcionek za pomocą linku rel="preload"   i wyświetlanie czcionek: opcjonalne.
  
  

Uruchom analitykę

Częste przeprowadzanie testu PageSpeed ​​może dać Ci więcej wglądu w najważniejsze informacje o sieci. Możesz nie tylko zobaczyć wynik szybkości strony, ale także zobaczyć, ile elementów jest ładowanych i jak szybko się ładują. Zanurz się w swoich raportach, aby zidentyfikować elementy, które mogą spowolnić działanie Twojej strony. Oto kilka popularnych narzędzi do przeglądania różnych poziomów szczegółowości i raportowania ładowania strony, szybkości strony i optymalizacji pod kątem wyszukiwarek:

• Statystyki Google PageSpeed
• GTmetrix
• Monitorowanie szybkości strony Pingdom
• Test strony internetowej

Oto kilka zaleceń dotyczących bardziej technicznych i szczegółowych dyskusji na temat optymalizacji szybkości strony:

• Jak poprawić szybkość witryny Wordpress
• Nitropack: Jak mierzyć i poprawiać kluczowe wskaźniki internetowe
• SearchEngineWatch — 28 sposobów na doładowanie witryny
• Toptal – Ocena PageSpeed ​​Insights firmy Asing Google
• Smashing Magazine — przewodnik po mierzeniu kluczowych wskaźników internetowych
• Web.dev — popraw wydajność witryny dzięki szybkiemu ładowaniu
  
  

Czy masz w planach płatne subskrypcje?

Jak Admiral pomaga poprawić wydajność wydawców

Admirał był pierwszym zwolennikiem tego, jak ważna jest jakość strony dla wydawców, pisząc i mówiąc o szybkości strony, jakości reklam, lepszych i złych reklamach i nie tylko. Poprawa obsługi witryny może pomóc w ograniczeniu korzystania przez konsumentów z oprogramowania do blokowania reklam.

Ponadto, podczas gdy wielu dostawców technologii reklamowych skupiało się na rozwiązaniach punktowych, Admiral zbudował platformę do automatyzacji zaangażowania poziomego, która zapewnia rozwiązania na całej ścieżce relacji z użytkownikami, zaprojektowane w celu zmniejszenia obciążenia technologicznego wydawców.

Point Solutions pomnaża dług technologiczny dla wydawców

Korzystając z rozwiązań punktowych, wydawcy mogą skończyć z wieloma tagami, integracjami, ukierunkowanymi silnikami decyzyjnymi, dyskusjami z zespołem programistów itp. W istocie tworzą potwora Frankensteina z szybkością strony i wpływem na UX, jeśli używają oddzielnych systemów do wzrostu biuletynów, blokowania reklam odzyskiwanie, zarządzanie zgodami, płatne subskrypcje, ściany rejestracyjne, wzrost obserwujących itp.

Admiral zweryfikowany przez zewnętrzny test prędkości w ponad 100 scenariuszach klientów

Admiral aktywnie pomagał wydawcom w optymalizacji Core Web Vitals i zlecił uznanej w całym kraju agencji cyfrowej (Anvil Media) rygorystyczne przetestowanie jednotagowego rozwiązania Admiral pod kątem szybkości i wpływu na Core Web Vitals.

Eksperci Anvil ds. szybkości stron testowali tag Admiral w 15 witrynach klientów, wszystkich modułach rozwiązań Admiral , komputerach stacjonarnych i urządzeniach mobilnych, w ciągu pięciu dni, przed i po pomiarze oraz we wszystkich 3 wskaźnikach CWV; W sumie ponad 300 punktów danych.