Zrozumienie wskaźników wydajności Lighthouse - porady SEO od Semalt



Wskaźniki wydajności Lighthouse to coś, na co możesz się natknąć podczas omawiania technicznych aspektów SEO. Być może zastanawiasz się, z czego składa się ten test lub jak przeprowadzić test wydajności swojej witryny. Możesz tu być również dlatego, że chcesz się dowiedzieć, o co chodzi w Lighthouse.

Używamy tego testu wskaźników wydajności, aby wszystkie liczby odnoszące się do Twojej witryny były zielone. Oto wszystko, co musisz wiedzieć o latarni morskiej.

Co to jest latarnia morska

Lightroom to narzędzie audytowe typu open source służące do generowania ustandaryzowanych wyników w pięciu kluczowych obszarach, a mianowicie:
  • Wydajność
  • Progresywna aplikacja internetowa
  • SEO
  • Najlepsze praktyki
  • Dostępność
W tym artykule nazwa „Latarnia morska” będzie odnosić się do serii testów, więc nie daj się zmylić podczas czytania.

Lighthouse przeprowadza testy wydajności przy użyciu danych laboratoryjnych, które są również nazywane danymi emulowanymi. Są to dane dotyczące wydajności witryny zebrane w środowisku stworzonym przez człowieka z predefiniowanymi urządzeniami i ustawieniami sieciowymi. Dane o wydajności są ważne, ponieważ pomagają w uzyskaniu informacji niezbędnych do debugowania problemów z wydajnością. Doświadczenie na lokalnej maszynie w kontrolowanym środowisku zostało zaprojektowane tak, aby naśladować doświadczenia prawdziwych użytkowników.

Aktualizacja do Lighthouse

5 maja 2020 r.projekt Chromium ogłosił zestaw trzech wskaźników, za pomocą których wspierane przez Google oprogramowanie typu open source będzie mogło wykorzystać do pomiaru wydajności. Metryki nazwano Web Vitals. Stanowią one część inicjatywy Google, której celem jest zapewnienie specjalistom ds. SEO wspólnych wskazówek podczas poszukiwania sygnałów wysokiej jakości.

Te metryki są przeznaczone do pomiaru wydajności sieci w sposób zorientowany na użytkownika. Zaledwie dwa tygodnie od pierwszego uruchomienia Lighthouse V6 wypuścił zmodyfikowaną wersję z Web Core Vitals jako głównym celem tej aktualizacji.

W lipcu 2020 r. Widzieliśmy, że wskaźnik Lighthouse v6 został przyjęty do wielu produktów Google wraz z wydaniem Chrome 84. Panel kontrolny Chrome DevTools również został przemianowany na Lighthouse. Do metryki Lighthouse odwoływały się również PageSpeed ​​Insights i Google Search Console.

Obecnie Web Core Vitals stanowi ponad połowę całkowitego ważonego wyniku wydajności Lighthouse. Ogólnie rzecz biorąc, strony zaczynają wywierać minimalny wpływ, przy około 83,32% przeprowadzonych testów wykazujących przesunięcie o dziesięć lub mniej punktów do V6.

Co musisz wiedzieć przed uruchomieniem testu wydajności przy użyciu Lighthouse

Wybór właściwej metodologii

Metodologia, którą wybierzesz, aby chodzić ze sprawami. Audyty Lighthouse mają na celu analizę jednej strony naraz. Ale faktem jest, że wynik pojedynczej strony nie jest reprezentacją wydajności całej witryny, a tylko dlatego, że strona główna ładuje się szybko, nie oznacza, że ​​cała witryna ładuje się tak szybko.

Najlepszym sposobem na uzyskanie ogólnej oceny skuteczności witryny jest przetestowanie w niej wielu typów stron. W tym miejscu najpierw identyfikujemy główne typy witryn, szablony i punkty konwersji odwiedzających (odnoszą się one do stron rejestracji, subskrypcji i kasy).

Zanim przejdziemy do etapu optymalizacji naszej analizy, uruchamiamy Lighthouse na każdej z losowo wybranej przykładowej strony i rejestrujemy zebrane dane. Na podstawie tych danych możemy teraz utworzyć listę rzeczy do zrobienia w oparciu o najpilniejsze lub najmniej pilne ulepszenia. Aby zapobiec utracie jakichkolwiek danych, zapisujemy wyniki JSON i polegamy na przeglądarce Lighthouse, gdy potrzebujemy szczegółowych informacji o wynikach.

Jak odzyskać zaległości dzięki świetnemu zwrotowi z inwestycji

Z biegiem lat nauczyliśmy się na pewno, że zdobycie zasobów potrzebnych do działania SEO nie jest proste. Posiadanie wewnętrznego SEO nie jest zbyt pomocne, ponieważ często jest niszczone przez to, jak trudno jest uzyskać zaległy bilet. Z naszego doświadczenia wiemy, że najlepszym sposobem na nasmarowanie kół zębatych jest nadanie priorytetu inicjatywom związanym z wydajnością, co skutkuje doskonałymi liczbami, które wspierają inwestycje dokonane w dziale SEO.

Dane, które dotrą do końca miesiąca, staną się znakami dolara, które uzasadniają i nagradzają nasze wysiłki rozwojowe. Wykonanie tego testu jest ważne, ponieważ podczas wykonywania tego testu prawdopodobnie zostanie oznaczony więcej niż jeden obszar, zwłaszcza gdy jest to pierwszy raz. W porządku. Możesz sprawdzić Kalkulator punktacji latarni morskiej, aby zobaczyć, które zmiany będą miały największe uderzenia.

Jak przeprowadzić test latarni morskiej

Tak jest w przypadku wielu ścieżek prowadzących do jednej rzeki. Istnieją jednak pewne ścieżki, które są łatwiejsze lub bardziej widoczne w użyciu. Cóż, jeśli chcesz zintegrować test SEO z procesem realizacji, prawdopodobnie powinieneś przyspieszyć działanie NPM.

Czy masz mniej niż 5 minut, zanim zostaniesz poproszony o stawienie czoła tablicy? Te raporty jeden na jeden powinny dać ci amunicję, której potrzebujesz, aby przekonać ich, że twój SEO radzi sobie świetnie. Niezależnie od wybranej metody wykonania, telefon komórkowy jest doskonały, chyba że masz specjalny przypadek użycia dla komputerów stacjonarnych.

1. Chrome Devtools

Każdą stronę testujemy indywidualnie za pomocą panelu Chrome DevTools Lighthouse. Ten raport jest niezbędny, ponieważ emuluje wrażenia użytkownika podczas korzystania z przeglądarki nawet w trybie incognito lub przy wyłączonej pamięci podręcznej przeglądarki.

Nasz specjalny sposób na rozwiązanie tego problemu polega na utworzeniu profilu Chrome do testów, ale pozostawieniu go lokalnym. Oznacza to, że nie ma włączonej synchronizacji, zapisywania haseł ani powiązań z żadnym istniejącym kontem Google. Nie instalujemy również rozszerzeń dla użytkownika.

Kiedy jesteś gotowy, oto jak testujesz Lighthouse za pomocą DevTools
  1. Uruchom instancję incognito w Chrome.
  2. Przejdź do panelu Sieć w DevTools i zaznacz pole, aby wyłączyć pamięć podręczną. Możesz to zrobić za pomocą Ctrl + Shift + I w systemie Windows i Linux lub Command + Option + I na Macu.
  3. Przejdź do panelu Latarnia morska i kliknij wygeneruj raport.
  4. Zapisz plik po wygenerowaniu.
Jakie są zalety korzystania z Lighthouse z Devtools?

Jak wspomnieliśmy wcześniej, istnieje wiele sposobów przeprowadzania analizy latarni morskiej. Oznacza to również, że każda metoda ma swoje wady i zalety.

Zaletą tej metody jest to
  • Możesz przetestować kompilacje lokalne i dowiedzieć się, które strony są autentyczne.
  • Zapisane raporty można porównać za pomocą narzędzia Lighthouse CI Diff.
Wady uruchamiania Lighthouse z DevTools
  • Możesz zrobić tylko jeden raport naraz.
  • Będziesz musiał zapisać każdy raport ręcznie.

2. Podczas ciągłego testowania tych samych stron

Załóżmy, że lubisz wielokrotnie testować te same strony, sieć. dev jest idealnym wyborem. Jest to podobne do korzystania z DevTools, tylko że nie musisz wyłączać wszystkich tych szczytowych rozszerzeń. Ta metoda jest w zasadzie prosta. Wystarczy, że:
  1. Odwiedź web.dev/measure/
  2. Zaloguj się przy użyciu konta Google.
  3. Wprowadź adres URL strony, którą chcesz poddać audytowi.
  4. Kliknij Uruchom audyt.
Zalety korzystania z Lighthouse w Internecie. dev
  • Przechwytuje ładną oś czasu wyników strony.
  • Użytkownicy mają dostęp do szybkich łączy do poradników dotyczących rozwiązywania problemów.
  • Raporty można porównać za pomocą narzędzia Lighthouse CI Diff Tool.
Wady uruchamiania Lighthouse z sieci. dev
  • Możesz przeprowadzić tylko jedną analizę i mieć jeden raport naraz.
  • Musisz mieć rejestr adresów URL, które śledziłeś w czasie, aby uniknąć niezamierzonego ponownego wykonania tego samego adresu URL.

Wiersz poleceń węzła dla Lighthouse

Jeśli chcesz przeprowadzić testy na dużą skalę, preferowanym podejściem jest wiersz poleceń węzła. Oto przewodnik po tym, co robić:
  • Zainstaluj npm: dla użytkowników mc rozsądnie byłoby użyć homebrew, aby uniknąć głupich problemów z zależnościami.
  • Zainstaluj moduł latarni, wprowadzając po prostu ten kod: „npm install -g lighthouse”.
  • Następnie uruchamiasz pojedynczy tekst za pomocą „lighthouse <url>”.
  • Uruchom testy na listach zastosowań, uruchamiając test programowo.
Zalety korzystania z Lighthouse z Node
  • Możesz generować wiele raportów jednocześnie.
  • Możesz zaprogramować automatyczne śledzenie zmian w czasie.
Wady uruchamiania Lighthouse z Node
  • Musisz mieć pomysł, jak kodować.
  • Jego konfiguracja wymaga czasu.

Wniosek

Złożoność metryk wydajnościowych jest wskaźnikiem wyzwań, przed którymi stoi każda witryna. Opieramy się na metrykach wydajności jako proxy dla doświadczenia użytkownika. Pozwala nam podążać ścieżką użytkownika i zobaczyć, co widzi, doświadczyć tego, czego doświadczają u innych, aby tworzyć bardziej responsywne witryny.

Przydatne mogą być również inne narzędzia, takie jak test My site Tool i What does My Site Cost od Google. Używamy tych narzędzi, aby przedstawić konwersję i argumenty zorientowane na klienta dotyczące znaczenia wydajności w witrynie.

Mamy nadzieję, że gdy Twój projekt zyska na popularności, możemy wyjaśnić Twojemu wykwalifikowanemu i współpracującemu zespołowi inżynierów, co oznacza pojedyncza metryczna wydajność Twojej Lighthouse.

Interesuje Cię SEO? Sprawdź nasze inne artykuły na temat Blog Semalt.

mass gmail