Jak analizować wyniki z Google PageSpeed Insights
Opublikowany: 2020-12-02
Ponieważ Google zamierza poprawić ranking witryn, które są szybkie, prawdopodobnie chcesz dowiedzieć się więcej o statystykach Google PageSpeed?
…I nie dziwię się, bo to zagmatwane!
Ten artykuł pomoże.
Dlaczego szybkość strony internetowej jest ważna?
Google chce zapewnić użytkownikom jak najlepsze wrażenia z użytkowania.
Jeśli Twoja witryna działa wolno, będzie to frustrować użytkowników i powodować złe wrażenia użytkownika. To takie proste. Wydajność wpływa na doświadczenie.
Google ogłosił niedawno, że podstawowe wskaźniki internetowe będą używane jako część algorytmu rankingu w 2021 r. Te kluczowe wskaźniki internetowe są wskaźnikami szybkości i szybkości interakcji użytkowników z Twoją stroną.
Zasadniczo dla tej tabeli poniżej nie możesz być „czerwony”
Co to jest Google PageSpeed Insights?
Jest to bezpłatne narzędzie dostarczane przez Google, które umożliwia wprowadzenie adresu URL strony internetowej i szybkie uruchomienie testu w celu sprawdzenia różnych wskaźników związanych z wydajnością.
Następnie narzędzie daje Twojej stronie wynik w zakresie od 0 do 100 punktów. W punktacji tak naprawdę nie chodzi o szybkość. Możesz poprawić wynik, jeśli korzystasz z typowych zaleceń Google dotyczących poprawy szybkości.
Pokazuje również dokładne parametry, które spowalniają twoją stronę, a także sugestie, jak ją ulepszyć.
Tutaj sprawy stają się techniczne, a wyniki trochę trudne do zrozumienia.
Jak interpretujesz wyniki?
Pierwszą rzeczą, którą widzisz po uruchomieniu testu, jest ocena wydajności (komputer i urządzenia mobilne) dla analizowanej strony.
Będzie to liczba z zakresu od 0 do 100.
- 0 do 49 – To źle, nie chcesz, aby Twój wynik wynosił 49 lub mniej
- 50 do 89 – To jest ok, ale jest miejsce na poprawę
- 90 do 100 – Jeśli jesteś w tej skali, jesteś w dobrych książkach.
Podczas przewijania w dół zobaczysz, co powoduje wysoki lub niski wynik:
Uwaga: Zobacz wskaźniki kolorów przed każdą sekcją:
- Zielony oznacza szybki
- Pomarańczowy oznacza umiarkowany
- Czerwony oznacza powolny
Oto, co oznacza każda z tych sekcji:
Pierwsza treśćPełna farba
Jest to czas, jaki upływa od przejścia na stronę z przeglądarki do momentu, w którym zaczyna się renderowanie treści.
Zasadniczo jest to wskaźnik, że strona zaczyna się ładować.
Na przykład może to być po prostu zmiana koloru, który jest kolorem tła strony, wyświetlanym obrazem lub fragmentem tekstu.
Jest to ważne, ponieważ gdy użytkownik widzi jakąś akcję, jest bardziej prawdopodobne, że zaczeka, aż strona zostanie w pełni załadowana.
Wytyczne:
Czas na interaktywność
Ten parametr pokazuje, jak szybko strona staje się interaktywna.
Oznacza to, że strona wyświetlająca na ekranie wystarczającą ilość elementów, aby użytkownicy mogli faktycznie z nią wchodzić w interakcję, np. kliknąć przycisk menu.
Czasami strony internetowe mogą koncentrować się na widoczności, czyli wyświetlaniu wszystkiego, zanim będziesz mógł wchodzić w interakcję z treścią, co może być frustrujące dla użytkownika.
Wytyczne:
Całkowity czas blokowania
Istnieje przerwa między czasem, w którym odwiedzający witrynę widzi treść na ekranie, a czasem, w którym może z nią wejść w interakcję.
To jest całkowity czas blokowania!
Dobrze jest wiedzieć, czy ludzie nie mogą wykonywać takich czynności, jak klikanie myszą, stukanie ekranu lub wciskanie słów kluczowych, zanim witryna stanie się interaktywna.
Długie zadania to zadania, które blokują Cię na ponad 50 ms.
Wszystko powyżej 50 ms jest uważane za czas blokowania.
Jeśli nie ma długich zadań, zobaczysz 0 czasu blokowania, co widać w powyższych statystykach.
Łączna zmiana układu
Przesunięcie układu ma miejsce, gdy element wizualny jest wyświetlany na ekranie, ale następnie się porusza.
Na przykład czytasz wiadomości i nastąpiła zmiana układu, więc zmieniła się lokalizacja, w której znajduje się artykuł z wiadomościami.
Jest to nieoczekiwane zachowanie z perspektywy użytkownika.
Im wyższy wynik, tym gorzej.
Indeks prędkości
Jest to trudne do zrozumienia, ale cenne.
Więc wyobraź sobie 2 strony internetowe, które ładowały się w 1,5 sekundy.
Jeśli przeglądałeś 2 witryny pokazane na powyższym obrazku, która z nich ładowałaby się szybciej?
Obie strony zostały w pełni załadowane w 1,5 sekundy, ale ponieważ pierwsza strona zaczęła pokazywać niektóre elementy wcześniej, wydawała się użytkownikowi szybsza.
Jeśli mierzysz tylko czas ładowania, są one takie same.
Indeks szybkości to wynik obliczany na podstawie tego, jak „szybko” wczytuje się strona internetowa.
Nagranie wideo obciążenia służy do wizualnego pokazania, kiedy bity są ładowane.
W różnych odstępach czasu ilość treści widocznej na ekranie (nad zakładką) jest porównywana z treścią wyświetlaną na w pełni załadowanej witrynie, aby obliczyć procent treści wyświetlanych w danym czasie.
Ten proces powtarza się kilka razy.
Czas jest oparty tylko na tym, co użytkownik widzi na ekranie (viewport). Nie ma znaczenia, co znajduje się pod zakładką.
Więc… dobrze jest spróbować z różnymi widokami.
Jeśli masz 2 strony internetowe, z których jedna wyświetla elementy wizualne przed drugą, uzyskasz niższy wynik indeksu szybkości.
Im niższy, tym lepiej.
Największa zawartość farby
Jest to czas potrzebny na pełne wyrenderowanie największego elementu strony.
Gdy strona ładuje się, pierwszy element staje się największym elementem, ale jest zastępowany, gdy dodawane są większe elementy.
Ostatni element strony może być największym elementem strony (np. duży obraz) lub może nim nie być.
Uwaga: nie mówimy, ile miejsca zajmuje na ekranie.
Oto 2 przykłady.
Czas od rozpoczęcia wyświetlania strony do czasu wyświetlenia ostatniego obrazu na stronie byłby uważany za największą farbę treści. Dzieje się tak, ponieważ obraz zajmuje najwięcej miejsca na stronie!
Ale…
W poniższym przypadku obraz „Instagram” był największym wyświetlanym obrazem, więc największe wyrenderowanie treści ma miejsce, gdy załadowano przedostatni ekran.
Ostatni ekran jest przeceniony. Wszystko, co zostało dodane do tego ekranu, to „przycisk Google Play”, który był mniejszym obrazem niż „Instagram”.
Według Google, jeśli chcesz zapewnić dobre wrażenia użytkownika, LCP powinno nastąpić w ciągu 2,5 sekundy od pierwszego uruchomienia strony.
Wytyczne:
Możliwości
Sekcja Możliwości zawiera sugestie, które mogą pomóc w skróceniu czasu ładowania strony.
Każda sugestia pokazuje też szacowane skrócenie czasu wczytywania strony, jeśli zaimplementowałeś rekomendację.
Diagnostyka
Diagnostyka wskazuje najlepsze praktyki w zakresie tworzenia stron internetowych, które warto rozważyć.
Jednak nawet jeśli wprowadzisz te ulepszenia, nie wpłyną one bezpośrednio na Wynik skuteczności strony.
Streszczenie
Poprawa szybkości witryny polega na zapewnieniu odwiedzającym lepszych wrażeń. Posiadanie witryny, która szybko się ładuje, sprawia, że zarówno użytkownicy, jak i wyszukiwarki są szczęśliwsi, ale wpływa również na zdolność przekształcania odwiedzających w klientów.
Narzędzie takie jak Google PageSpeed Insights jest niezwykle przydatne, ponieważ pokazuje, od czego zacząć i na których problemach należy się skupić, aby zwiększyć wydajność witryny.
Mam nadzieję, że ten artykuł pomógł ci zrozumieć, jak działa to narzędzie i co tak naprawdę oznaczają wyniki testów, dzięki czemu możesz zacząć optymalizować swoje strony internetowe, aby zapewnić użytkownikom niesamowite wrażenia.