Core Web Vitals — jak realnie przyspieszyć stronę firmową

Co właściwie jest mierzone

Trzy rzeczy: jak szybko pojawia się największy element widoczny na ekranie, jak szybko strona reaguje na pierwsze kliknięcia oraz czy układ nie przeskakuje w trakcie ładowania. Ostatni wskaźnik bywa niedoceniany, a odpowiada za irytujące sytuacje, gdy przycisk ucieka spod palca.

Pomiar, który się liczy, pochodzi od realnych użytkowników, nie z testu na szybkim łączu w biurze. Dlatego warto patrzeć na dane zbierane z przeglądarek odwiedzających, a nie wyłącznie na jednorazowy wynik testu.

Obrazy odpowiadają za większość problemów

Zdjęcie wgrane prosto z aparatu waży kilka megabajtów i jest skalowane przez przeglądarkę do kilkuset pikseli. Konwersja do nowoczesnych formatów, przygotowanie kilku rozmiarów i leniwe ładowanie tego, co poniżej ekranu, to zwykle największa pojedyncza poprawa, jaką da się uzyskać.

Drugim elementem jest zarezerwowanie miejsca na obraz przed jego załadowaniem. Bez tego strona przeskakuje, gdy zdjęcia się pojawiają.

Skrypty zewnętrzne kosztują więcej, niż się wydaje

Czaty, mapy, widżety opinii, piksele reklamowe i narzędzia analityczne dokładają się do czasu ładowania, a część z nich blokuje interakcję. Warto zrobić przegląd: ile z tych narzędzi jest faktycznie używanych i czy każde musi ładować się od razu.

Mapa kontaktowa albo czat mogą ładować się dopiero po przewinięciu do właściwej sekcji albo po kliknięciu. To zmiana niewidoczna dla użytkownika, a wyraźnie poprawiająca wyniki.

Architektura strony bywa granicą optymalizacji

Bywa, że strona zbudowana na rozbudowanym systemie z kilkunastoma wtyczkami nie da się przyspieszyć poniżej pewnego progu. Wtedy dalsza optymalizacja kosztuje więcej niż zbudowanie serwisu na lżejszej architekturze, generującej gotowy kod statyczny.

Częste pytania