Google PageSpeed Insights a Lighthouse: który mierzy wydajność witryny najlepiej?
Opublikowany: 2022-09-16Szybkość strony jest ważnym czynnikiem rankingowym Google — ale jest również jednym z najsłabiej rozumianych przez marketerów cyfrowych. W tym artykule pomogę Ci lepiej zrozumieć szybkość strony i porównać oficjalne narzędzia śledzenia Google: PageSpeed Insights i Lighthouse.
Co to jest szybkość strony?
Szybkość strony to czas między wysłaniem przez przeglądarkę żądania dostępu do strony a wyrenderowaniem treści przez stronę. Strony składają się z wielu widocznych i niewidocznych elementów (obrazów, tekstu, elementów śledzących, wtyczek itp.) o różnych czasach ładowania i celach użytkownika. Google dzieli szybkość strony na określone wskaźniki, które mierzą etapy ładowania, takie jak pierwsze wyrenderowanie treści i czas na interakcję.
Szybkość stron zmienia się wraz z rozwojem witryny, zmianami technologicznymi i ewolucją standardów sieciowych. Może mieć wpływ na to, jak użytkownicy korzystają z Twojej witryny, a nawet na to, czy dokonują konwersji. W związku z tym szybkość śledzenia stron powinna być podstawową częścią regularnego procesu monitorowania kondycji witryny.
Ale jakie jest najlepsze narzędzie do śledzenia szybkości strony?
Google oferuje dwie oficjalne opcje: Google PageSpeed Insights i Lighthouse. Oba są darmowymi, potężnymi narzędziami zaprojektowanymi, aby pomóc marketerom cyfrowym i programistom zoptymalizować szybkość ich strony internetowej — z kilkoma kluczowymi różnicami między nimi. Porównajmy PageSpeed Insights z Lighthouse i omówmy, co musisz wiedzieć o śledzeniu i zwiększaniu szybkości strony.
Co to są Google PageSpeed Insights?
Google PageSpeed Insights (PSI) to bezpłatne narzędzie, które mierzy wskaźniki szybkości strony na komputerach stacjonarnych i urządzeniach mobilnych, korzystając zarówno z danych rzeczywistych, jak i laboratoryjnych. Dane ze świata rzeczywistego (nazywane również „danymi terenowymi”) to 28-dniowe dane zbiorcze pobierane z raportu z doświadczeń użytkowników przeglądarki Chrome, podczas gdy dane laboratoryjne są obliczane za pomocą interfejsu Lighthouse API.
PSI jest prosty w użyciu dla każdego: wystarczy wejść na https://pagespeed.web.dev/, podłączyć adres URL i poczekać kilka chwil, aż API wygeneruje raport. Będziesz mógł zobaczyć, jak adres URL wypada na tle kluczowych wskaźników internetowych Google, ocenić szczegółowe dane dotyczące szybkości i otrzymać ogólną ocenę skuteczności witryny.
Ocena wydajności to średnia ważona każdego wyniku wskaźnika prędkości. To jak ocena ogólna, ale nie jest ostatecznym miernikiem. Wartości procentowe w nawiasach poniżej wskazują wagę każdej metryki przy obliczaniu oceny wydajności.
- Pierwsze wyrenderowanie treści: (10%) ile czasu zajmuje pełne załadowanie pierwszego obrazu lub bloku tekstu.
- Indeks prędkości: (10%) Średni czas potrzebny do załadowania widocznej zawartości do zakończenia ekranu.
- Największe wyrenderowanie treści: (25%) ile czasu zajmuje pełne załadowanie największego bloku obrazu lub tekstu.
- Czas na interaktywność: (10%) Czas, po jakim strona staje się w pełni interaktywna.
- Całkowity czas blokowania: (30%) Różnica czasu między pierwszym wyrenderowaniem treści a czasem do interakcji, w którym strona jest zablokowana przed wejściem użytkownika. (Innymi słowy, różnica czasu między momentem pierwszego pojawienia się czegoś na ekranie a momentem, w którym użytkownik może to kliknąć).
- Zbiorcze przesunięcie układu: (15%) Miara nieoczekiwanych zmian układu, tj. nieprawidłowe ładowanie treści, które reorganizuje lub przesuwa inną treść w górę lub w dół strony.
Nie przejmuj się zbytnio, jeśli ocena skuteczności Twojej witryny nie jest idealna lub jeśli niektóre z Twoich wskaźników wydają się niskie. Wskaźniki prędkości mogą się zmieniać w zależności od kilku czynników pozostających poza Twoją kontrolą. Pamiętaj, że te wskaźniki są sumą danych, a rzeczywiste doświadczenia będą się różnić w zależności od użytkownika.
To powiedziawszy, możesz zmaksymalizować ocenę skuteczności i poprawić szybkość strony, koncentrując się na sekcjach „Możliwości i diagnostyka” u dołu raportu. Te sekcje zawierają zalecenia dotyczące konkretnych działań, które mogą poprawić wskaźniki szybkości, chociaż wdrożenie ich może wymagać pomocy programisty SEO.
Co to jest Latarnia Google?
Google Lighthouse to bezpłatne narzędzie typu open source, które może przeprowadzać audyty witryn w celu pomiaru wielu różnych wskaźników. Oprócz oceny szybkości strony, Lighthouse może ocenić, jak dobrze witryna pasuje do nowoczesnych standardów tworzenia stron internetowych, poziom dostępności witryny, indeksowanie i nie tylko.
Lighthouse wykorzystuje wyłącznie dane laboratoryjne, co oznacza, że audyty są przeprowadzane w kontrolowanym, wstępnie zdefiniowanym środowisku — a nie na podstawie rzeczywistych danych użytkownika.
Istnieje kilka różnych sposobów uzyskania dostępu do testu prędkości Google Lighthouse. Najłatwiejszym sposobem korzystania z Lighthouse przez osoby niebędące programistami jest użycie rozszerzenia przeglądarki Chrome, chociaż rozszerzenie nie może samodzielnie kontrolować stron z uwierzytelnianiem za pomocą plików cookie. Programiści mogą korzystać z Chrome DevTools, aby uzyskać pełny dostęp.
Twój raport Lighthouse będzie zawierał informacje o:
- Wydajność: Audyty wydajności mierzą wszystkie te same wskaźniki prędkości, co PSI, a ponadto dostarczają bardziej szczegółowe dane dotyczące rozwoju.
- Najlepsze praktyki: Audyty najlepszych praktyk sprawdzają ogólną „kondycję kodu” witryny w porównaniu z nowoczesnymi standardami programistycznymi, w tym standardami bezpieczeństwa.
- Ułatwienia dostępu: Nie da się sprowadzić dostępności sieci do jednego wyniku, dlatego audyty ułatwień dostępu szukają różnych możliwości ulepszeń w zakresie projektowania, interfejsów użytkownika, języka, rozwoju i innych obszarów.
- SEO: Audyty optymalizacji witryn pod kątem wyszukiwarek (SEO) stanowią podstawowy test sprawdzający, czy wyszukiwarki mogą z łatwością indeksować Twoją stronę.
- Progresywna aplikacja internetowa: jeśli Twoja witryna jest progresywną aplikacją internetową, ten audyt mierzy jej ogólną szybkość, niezawodność i możliwość instalacji.
Czym są pakiety stosów latarni morskiej?
Pakiety stosu to jedna z najnowszych funkcji Lighthouse. Dzięki pakietom stosów programiści mogą wyświetlać zalecenia oparte na stosach w zależności od stosów używanych na stronie. Te zalecenia są bardziej istotne niż standardowe ogólne zalecenia oferowane przez Lighthouse, które nie są kompatybilne z każdym narzędziem i platformą. Nowe pakiety Stack Pack są często wydawane, więc odwiedź oficjalne repozytorium Github, aby dowiedzieć się więcej.
Google PageSpeed Insights a Lighthouse
Google PageSpeed Insights łączy rzeczywiste dane użytkowników i dane laboratoryjne, aby zapewnić dokładny, łatwy do zrozumienia przegląd szybkości strony. Lighthouse skupia się na programistach i zbiera dane laboratoryjne z audytów, które obejmują wszystko, od szybkości ładowania strony po bezpieczeństwo sieci. Oba oferują zalecenia dotyczące ulepszeń.
Google PageSpeed Insights a Lighthouse: omówienie
Funkcja | Statystyki Google PageSpeed | Latarnia Google |
---|---|---|
Jak uzyskać dostęp | https://pagespeed.web.dev/ (dostęp przez przeglądarkę; nie jest wymagane logowanie) | Rozszerzenie przeglądarki Google Chrome (zalecane dla nie-programistów) Narzędzia programistyczne Chrome Narzędzie CLI węzła Lighthouse CI (link Github) |
Pozyskiwanie danych | Raport wrażenia użytkownika Chrome (dane ze świata rzeczywistego) Lighthouse API (symulowane dane laboratoryjne) | API latarni morskiej |
Ocena | Jedna strona na raz | Jedna strona na raz lub wiele stron jednocześnie |
Metryka | Podstawowe wskaźniki internetowe, metryki wydajności szybkości strony (pierwsze wyrenderowanie treści, indeks szybkości, największe wyrenderowanie treści, czas na interakcję, całkowity czas blokowania, skumulowane przesunięcie układu) | Wydajność (w tym wskaźniki szybkości strony), dostępność, najlepsze praktyki, SEO, progresywna aplikacja internetowa (jeśli dotyczy) |
Zalecenia | Sekcja zatytułowana „Możliwości i diagnostyka”, która zawiera konkretne zalecenia dotyczące zwiększenia szybkości strony. | Sekcja zatytułowana „Możliwości i diagnostyka” zawiera konkretne zalecenia dotyczące zwiększenia szybkości strony. Pakiety stosów mogą być używane do dostosowywania zaleceń dotyczących ulepszeń. |
Najlepszy dla | Każdy | Deweloperzy |
Kiedy używać Google PageSpeed Insights
Użyj PSI, jeśli chcesz mieć jasne zrozumienie szybkości adresu URL i konkretne zalecenia dotyczące ulepszeń, które możesz wdrożyć samodzielnie lub przekazać programiście.
Kiedy używać Google Lighthouse
Użyj Lighthouse, jeśli jesteś programistą (lub nie programistą z pewną wiedzą programistyczną) i chcesz zagłębić się w wiele różnych wskaźników witryny poza szybkością strony. Stack Packs może pomóc w zapewnieniu bardziej dostosowanych rekomendacji niż standardowe oferowane przez Lighthouse.
Chcesz najlepszych danych? Korzystaj zarówno z PageSpeed Insights, jak i z latarni morskiej
Zarówno PSI, jak i Lighthouse mają swoje mocne strony i ograniczenia — ale są najskuteczniejsze, gdy są używane razem, aby zbudować pełny obraz Twojej witryny.
Podczas gdy Lighthouse zapewnia szerszy widok danych, PageSpeed Insights daje bardziej realistyczny wgląd w to, jak strony internetowe radzą sobie z rzeczywistymi użytkownikami. Użyj obu, aby uzyskać rekomendacje dotyczące ulepszenia interfejsu i zaplecza witryny. Im więcej danych masz do dyspozycji, tym skuteczniejsze będą dostosowania witryny.
Wykorzystaj w pełni narzędzia Google dzięki naszemu bezpłatnemu ebookowi
Jeśli usuniesz jedną rzecz z tego artykułu, powinno być to, że szybkość strony jest ważna – i znacznie bardziej złożona, niż się wydaje na pierwszy rzut oka. Tak jak nie ma tylko jednego sposobu na zwiększenie szybkości witryny, nie ma tylko jednego sposobu na zwiększenie wydajności witryny w wyszukiwarkach — ani nawet jednego najlepszego narzędzia Google do śledzenia danych.
Optymalizacja witryny wymaga żonglowania dużą ilością danych i poruszania się po skomplikowanych narzędziach. Aby uprościć sprawę, pobierz nasz bezpłatny e-book „ Narzędzia Google dla SEO ” .
Przewodnik po narzędziach Google dla SEO
Pobierz ten przewodnik, aby dowiedzieć się, jak najlepiej wykorzystać bezpłatne, zaawansowane narzędzia udostępniane przez Google w celu poprawy procesów i wydajności SEO.