Szybkość strony: PageSpeed na telefonie z 86 do 95, LCP z 3,8 s do 1,2 s

Punkt wyjścia

Strona główna miała na telefonie wynik wydajności ok. 85–86 na 100. Większość wskaźników była dobra (szybkie pierwsze malowanie, mały przesuw układu), ale LCP, czyli czas pojawienia się największego elementu, wynosił ok. 3,8 s. Google uznaje za dobry wynik do 2,5 s.

Co było przyczyną

Największym elementem był główny nagłówek. Był animowany biblioteką JavaScript od przezroczystości zero: dopóki skrypty się nie wczytały i nie wykonały, nagłówek był niewidoczny. Dla przeglądarki element „pojawiał się” dopiero po kilku sekundach, mimo że tekst był w HTML od początku.

Co zrobiliśmy

1. Animacja nagłówka w czystym CSS zamiast w JavaScripcie, i to animacja tylko przesunięcia, bez startu od przezroczystości. Nagłówek jest widoczny od pierwszego malowania.
2. Wideo i ciężkie media ładowane dopiero przy przewinięciu w pobliże, zamiast na starcie strony.
3. Pomiar w kilku przebiegach. Pojedynczy wynik PageSpeed potrafi się różnić o 10–15 punktów między uruchomieniami, więc decyzje podejmowaliśmy na podstawie 2–3 pomiarów.

Wynik

PageSpeed na telefonie 86 → 95, LCP 3,8 s → 1,2 s. Najważniejsza zmiana dotyczyła jednego elementu i zajęła mniej czasu niż jej znalezienie.

Czego się nauczyliśmy

• Zanim zaczniesz kompresować wszystko, sprawdź, który element jest LCP i co go blokuje. Często to jedna rzecz.
• Animacje „wjeżdżania” od przezroczystości na głównych elementach to częsty, niewidoczny gołym okiem hamulec LCP.
• Jeden pomiar to nie wyrok. Mierz kilka razy i porównuj te same warunki.

Co to znaczy dla Twojej firmy?

Te same metody stosujemy u klientów: najpierw pomiar i diagnoza, potem zmiany o największym wpływie, na końcu kontrola wyniku. Zakres i cena: usługa SEO techniczne.

Inne realizacje

• SEO: 67 → 185 stron w Google
• Serwer MCP na npm
• Wszystkie realizacje