domena online
Google Lighthouse - audyt strony internetowej

Google Lighthouse bezpłatny audyt strony internetowej

Lighthouse to bezpłatne narzędzie stworzone przez firmę Google, które umożliwia przeprowadzenie audytu strony internetowej. Zostało zaprojektowane z myślą o twórcach i właścicielach witryn, a do jego głównych zadań należy poprawa jakości stron internetowych.

Lighthouse na kilka sposobów

Istnieje kilka możliwości na przeprowadzenie audytu za pomocą narzędzia Lighthouse. Najprostszym jest zrobienie testu na https://pagespeed.web.dev gdzie zwyczajnie wklejamy link do strony, którą chcemy poddać ocenie - możemy sprawdzać nie tylko strony główne, ale również podstrony witryn internetowych.

Z kolejnego sposobu mogą skorzystać użytkownicy przeglądarki Google Chrome w wersji desktopowej - w tym celu należy użyć PPM (prawego przycisku myszy) na interesującej nas stronie i wybrać "Zbadaj", a następnie postępować jak na poniższym filmie.

Alternatywnym sposobem jest zainstalowanie rozszerzenia dla przeglądarki z Chrome Web Store (dla innych przeglądarek - np. dla Firefox https://addons.mozilla.org/pl/firefox/addon/google-lighthouse), dzięki któremu wykonanie audytu ograniczymy do 2 kliknięć.

Użytkownikom Windowsa zalecamy stosowanie 1 lub 3 metody, gdyż wynik testu szybkości za pomocą narzędzia dla developerów może znacznie odbiegać od prawidłowego pomiaru. Dzieje się tak dlatego, że środowisko w jakim wykonujemy test ma wpływ na jego wynik. Ciekawostką jest to, że nie koniecznie przyczyną będzie słaba maszyna, ale jej oprogramowanie lub ustawienia. Dla przykładu test wykonany na mac mini M1 16GB RAM - jest zgodny z wynikami Lighthouse nawet w przypadku, gdy mieliśmy otwartych 15 aplikacji, w przypadku laptopa z procesorem i7-7700HQ @ 2.8GHz 24GB RAM i Windows 10 - zaniżone wyniki odnotowaliśmy już przy otwarciu kilku zakładek w przeglądarce. Pozbawienie laptopa zasilania z sieci spowodowało uruchomienie trybu oszczędnego przy korzystaniu z baterii, co z kolei skutkowało zaniżonym wynikiem (z 100 na 75!). Dla porównania, ta sama maszyna z większym obciążeniem wyświetla prawidłowe wyniki... po odpaleniu na niej Linuxa 🤪 Dokładnie wyjaśnione przyczyny takiego zachowania są opisane tutaj: https://developer.chrome.com/docs/lighthouse/performance/performance-scoring oraz tutaj: https://github.com/GoogleChrome/lighthouse/blob/main/docs/variability.md

Jak odczytywać wyniki?

Przede wszystkim jako wskazówkę, gdyż można osiągnąć wynik 4 x 100 poprzez pójście na skróty i zrobienie prostej strony z małą ilością contentu. Pamiętajmy jednak o tym, że taka strona nie zachęca do jej przeglądania, posiada mało informacji i zwyczajnie wygląda... zwyczajnie. Jeżeli konkurencja będzie miała gorsze wyniki, ale ich strona będzie ciekawsza - użytkownik na niej pozostanie. Jednak w sytuacji, kiedy nasza strona będzie posiadała treść na wysokim poziomie - ale będzie ładowała się znacznie szybciej, bez powodowania niedogodności w jej przeglądaniu - wpłynie to korzystnie zarówno na odwiedzających, jak i na samą pozycję w wynikach wyszukiwania, gdyż googlowskie algorytmy analizują między innymi treść, jakość strony, oraz zachowanie jej użytkowników. Podsumowując: wynik ma znaczenie, oraz wpływa na pozycję w wynikach wyszukiwania, jeżeli równolegle dostarczamy content wysokiej jakości.

User Experience

Jeżeli sprawimy, że informacje umieszczone na stronie internetowej zostaną dostaczone w możliwie jak najkrótszym czasie, a nawigowanie po witrynie będzie łatwe i przyjemne - osiągniemy połowę sukcesu. Drugą połową jest treść sama w sobie i sposób jej prezentacji, czyli design strony. I tutaj często popada się ze skrajności w skrajność: chcąc mieć szybką stronę rezygnuje się z pewnych opcji, przez co ostateczne wygląda jak by ktoś ją wykonał 10 lat temu; zaś z drugiej strony przeładowanie witryny różnego typu funkcjami, grafiką, czy animacjami często sprawia, że wczytuje się ona całą wieczność... Lighthouse został stworzony do tego, aby pomagać w optymalizowaniu stron internetowych tak, aby wczytywały się szybko, ale bez rezygnowania z ich dodatkowych funkcjonalności.

Przyjrzyj się naszej stronie głównej, która celowo została naszprycowana animacjami - chcieliśmy pokazać w ten sposób, że szybka strona wcale nie musi być nudna. Mało tego... odśwież stronę i policz ile animacji wczytuje się razem z jej startem... a teraz zachęcamy do przebadania jej za pomocą narzędzia Lighthouse i porównania z innymi witrynami.

Dlaczego warto zadbać o dobry wynik w Google Lighthouse

Najbardziej irytujące strony, to te które długo się wczytują, zawieszają się, oraz te które zmieniają pozycję tekstu, czy przycisków podczas ich przeglądania - Lighthouse pomaga w pozbyciu się tych niedogodności. Nie ma tutaj przegranych - dbając o jakość swojej strony - dbasz o jej użytkownika, a to od niego zależy, czy dokona zakupu, lub zainteresuje się usługami na niej oferowanymi. Wysoki wynik to nie tylko szybko działająca strona internetowa, która jest wykonana zgodnie z dobrymi praktykami - to także strona, która sprzedaje.

Zachęcamy także do zapoznania się z artykułem Pozycjonowanie strony internetowej gdzie zamieściliśmy film z eventu Google, na którym omawiano jak ważna jest optymalizacja strony.

Marcin Lis CEO Founder - because Badass isn't an official job title 🤣