Optymalizacja strony z GTmetrix 🚀

Krótki materiał o narzędziu GTmetrix.

Jest to bardzo fajne narzędzie, w którym możesz zapuścić skan swojej strony internetowej i dowiedzieć się jak ona sobie radzi jeśli chodzi o ładowanie się, jeśli chodzi o strukturę, o różne błędy, które się często popełnia tworząc strony internetowe.

Albo na przykład o taki problem jak długi czas odpowiedzi serwera.

GTmetrix częściowo bazuje na Lighthouse ale też ma dużo, dużo swojej takiej powiedzmy wbudowanej, dodatkowej analityki pokazuje nam wszystkie podstawowe wskaźniki czy mierniki wchodzące w skład Core Web Vitals ale też pokazuje dużo więcej.

i pokazuje konkretne rzeczy, które można zrobić konkretne skrypty, które się długo wykonują, elementy DOM itd.

Możesz też mieć tutaj monitoring strony Zobaczysz też wszystkie zalecenia, które narzędzie ci oferuje jeśli chodzi o poprawienie wydajności strony pokazując konkretne elementy, skrypty, jakieś ciężkie obrazki itd.

Możesz nagrać też wideo z ładowania się strony na konkretnym narzędziu, z konkretnego łącza, na jakimś połączeniu, które sobie wybierasz.

Możesz zobaczyć taki waterfall ładowania całej strony wszystkich elementów.

Możesz zobaczyć też historię poprzednich pomiarów.

Cofnąć się do w zależności od planu który masz wykupionego.

Ja mam akurat taki minimalny plan za 6 dolarów czy 6 euro miesięcznie.

Więc nie mam tej historii jakoś długiej.

Natomiast Natomiast jest możliwość podejrzenia sobie konkretnego pojedynczego raportu albo porównania takiego raportu z poprzednim.

Jeśli chodzi o możliwości pojedynczego skanu to wklejasz po prostu adres wybierasz sobie miejsce z którego ma zostać sprawdzony i jakąś przeglądarkę Jeśli chodzi o skanowanie to wygląda to w ten sposób, że podajesz adres, wybierasz lokalizację, czyli serwer który wykona to skanowanie, wybierasz sobie przeglądarkę, jakieś predefiniowane łącze.

Na przykład możesz przetestować na jakimś starym, powolnym łączu 3G.

No i masz tutaj dodatkowe opcje analizy typu włączenie adblocka, stworzenie wideo, dodanie jakiegoś uwierzytelnienia itd.

Następnie klikasz analyze i mniej więcej po 2-3 minutach dostajesz gotowy raport.

narzędzie niestety już nie jest darmowe tak jak kiedyś to znaczy kiedyś pozwalało na całkiem sporo testów dziennie za darmo teraz nawet za podstawową wersję trzeba płacić i dlatego warto rozejrzeć się za jakimiś alternatywami które również znajdziesz na portalu narzędzia.it w sekcji w kategorii optymalizacja i monitorowanie wydajności aplikacji.

Na razie są dwa ale będzie wkrótce więcej.

A tutaj przykładowy raport zrobiony z Londynu na Łączu 3G i pokazujący całą strukturę strony, jej wydajność, strukturę Tu jak widzisz został zablokowany jakiś tracker.

I możemy też zobaczyć sobie wideo z ładowania strony.

W wyższych planach można też monitorować na stałe pewne adresy dzięki czemu możesz wprowadzać jakieś zmiany na stronach zapisywać też notatki po zmianach i obserwować jaki jest efekt czy coś się poprawiło czy może pogorszyło także ja polecam bardzo Uważam, że to jedno z lepszych narzędzi tego typu.