Przejdź do treści
Darmowy audyt

Strony internetowe Problem i rozwiązanie

Strona internetowa wolno się ładuje - przyczyny i jak ją przyspieszyć

Autor: Bartosz Gromek Zaktualizowano: 4 min czytania

W skrócie

  • Objaw: strona długo pokazuje pusty ekran, zdjęcia doczytują się powoli, elementy przeskakują, a PageSpeed Insights i Search Console pokazują słabe wskaźniki Core Web Vitals.
  • Przyczyna: najczęściej ciężkie zdjęcia, zbyt wiele wtyczek i skryptów (page builder, analityka, czat) oraz słaby hosting bez cache po stronie serwera.
  • Rozwiązanie: kompresja zdjęć do WebP lub AVIF, cache stron, usunięcie zbędnych wtyczek i skryptów, opóźnienie widżetów oraz szybszy hosting, jeśli serwer odpowiada wolno.

Nie masz czasu? Zrobimy to za Ciebie - Strony internetowe od 990 zł netto

Jak to wygląda

Po wejściu na stronę przez kilka sekund widać biały ekran albo sam nagłówek. Główne zdjęcie doczytuje się na końcu, tekst przesuwa się w dół, gdy pojawiają się banery, a pierwsze kliknięcie w menu działa z opóźnieniem. Na komputerze w firmie strona wydaje się szybka, ale na telefonie z mobilnym internetem jest wyraźnie gorzej.

  • PageSpeed Insights pokazuje czerwone lub pomarańczowe wskaźniki dla telefonu,
  • w Search Console raport podstawowych wskaźników internetowych wskazuje adresy wymagające poprawy,
  • użytkownicy szybko opuszczają stronę, szczególnie wchodzący z reklam.

Dlaczego tak się dzieje

Szybkość strony to suma trzech rzeczy: jak szybko odpowiada serwer, ile danych przeglądarka musi pobrać i ile pracy musi wykonać, zanim pokaże stronę i zacznie reagować na kliknięcia. Wolna strona ma zwykle problem w więcej niż jednym z tych miejsc.

Ciężkie zdjęcia i brak cache

Zdjęcia wgrane prosto z aparatu albo telefonu ważą po kilka megabajtów, a strona bez cache generuje każdą podstronę od nowa przy każdym wejściu. To najczęstsze i najłatwiejsze do naprawienia przyczyny.

Za dużo wtyczek i skryptów

Page buildery, slidery, animacje, czaty, piksele reklamowe i kilka narzędzi analitycznych naraz obciążają przeglądarkę. Każdy skrypt musi zostać pobrany i wykonany, a telefon robi to wolniej niż komputer.

Słaby hosting

Jeśli serwer długo odpowiada na pierwsze żądanie, żadna optymalizacja na stronie tego nie nadrobi. Objawem jest długi czas do pierwszego bajtu (TTFB), widoczny w PageSpeed Insights i narzędziach przeglądarki.

Strona rośnie, a nikt jej nie odchudza

Strona rzadko jest wolna od pierwszego dnia. Z czasem dochodzą nowe wtyczki, skrypty marketingowe dodawane do kampanii, zdjęcia wgrywane bez kompresji i kolejne sekcje na stronie głównej. Baza danych rośnie przez zapisane wersje wpisów i dane tymczasowe. Każda z tych zmian osobno jest niewielka, ale razem potrafią wyraźnie spowolnić stronę, dlatego szybkość warto sprawdzać regularnie, a nie tylko po wdrożeniu.

Wskaźnik Co mierzy Dobry wynik Najczęstsza przyczyna złego wyniku
LCP Kiedy pojawia się największy element strony do 2,5 s Ciężkie zdjęcie lub slider na pierwszym ekranie, wolny serwer
INP Jak szybko strona reaguje na kliknięcia do 200 ms Nadmiar JavaScriptu, page builder, widżety
CLS Przesuwanie się elementów podczas ładowania do 0,1 Obrazki bez wymiarów, późne banery i fonty
TTFB Czas odpowiedzi serwera do 0,8 s Słaby hosting, brak cache stron

Nie oceniaj szybkości tylko na swoim komputerze. Przeglądarka ma już pliki strony w pamięci podręcznej, a łącze jest szybkie. Testuj w oknie incognito na telefonie z internetem mobilnym i patrz na dane prawdziwych użytkowników w Search Console.

Ten problem jest jednym z naszej listy 100 problemów ze stroną internetową firmy, w której cała jedna grupa dotyczy szybkości strony.

Darmowy skan strony

Sprawdź swoją stronę za darmo

Wpisz adres, a przeniesiemy Cię do bezpłatnego skanu na stronie CodeScriptum.

Jak to rozwiązać krok po kroku

Strona internetowa wolno się ładuje - przyczyny i jak ją przyspieszyć - https://codescriptum.pl/blog/strona-internetowa-wolno-sie-laduje/

  1. Sprawdź stronę główną i dwie najważniejsze podstrony w PageSpeed Insights dla telefonu. Zanotuj LCP, INP, CLS i czas odpowiedzi serwera oraz element wskazany jako największy.
  2. Zmniejsz zdjęcia do rozmiaru, w jakim są wyświetlane, zapisz je w WebP lub AVIF i włącz leniwe ładowanie dla obrazków poniżej pierwszego ekranu (ale nie dla głównego zdjęcia).
  3. Włącz cache stron we wtyczce lub na serwerze i sprawdź w oknie incognito, czy menu, formularze i inne funkcje dalej działają.
  4. Zrób listę wtyczek i skryptów zewnętrznych. Usuń nieużywane, a czat, wideo i mapy ładuj dopiero po kliknięciu lub pierwszej interakcji.
  5. Dodaj wymiary do obrazków i zarezerwuj miejsce na banery, żeby ograniczyć przesuwanie się treści.
  6. Jeśli czas odpowiedzi serwera nadal jest długi mimo cache, przenieś stronę na szybszy hosting z aktualnym PHP i cache po stronie serwera.

Jak sprawdzić, że zadziałało

Po zmianach ponownie sprawdź te same adresy w PageSpeed Insights dla telefonu i porównaj wyniki. Po kilku tygodniach zajrzyj do raportu podstawowych wskaźników internetowych w Search Console: liczba adresów z dobrym wynikiem powinna rosnąć, bo raport opiera się na danych prawdziwych użytkowników z dłuższego okresu.

Usługa CodeScriptum

Strony internetowe

od 990 zł netto

  • Projekt pod Twoich klientów i SEO
  • Szybka, bezpieczna, na WordPressie lub dedykowana
  • Wycena w 24 h

Najczęściej zadawane pytania

Czy szybkość strony wpływa na pozycję w Google?

Tak, Core Web Vitals są jednym z sygnałów branych pod uwagę przez Google, choć treść pozostaje ważniejsza. Szybkość ma jednak bezpośredni wpływ na to, ilu odwiedzających zostaje na stronie i wysyła zapytanie.

Czy wtyczka do optymalizacji wystarczy, żeby przyspieszyć stronę?

Często pomaga, ale nie usunie przyczyn takich jak ciężkie zdjęcia, nadmiar skryptów czy wolny serwer. Agresywne ustawienia optymalizacji potrafią też zepsuć menu albo formularze, więc włączaj je pojedynczo.

Dlaczego wynik w PageSpeed Insights zmienia się przy każdym teście?

Test laboratoryjny zależy od chwilowego obciążenia serwera i sieci, więc wyniki się wahają. Bardziej miarodajne są dane prawdziwych użytkowników, pokazane w górnej części raportu.

Pojęcia w tym artykule

Źródła

  1. Core Web Vitals (web.dev) (otwiera się w nowej karcie) web.dev
  2. PageSpeed Insights (otwiera się w nowej karcie) pagespeed.web.dev

Podobne problemy

O autorze

Bartosz Gromek

Założyciel CodeScriptum, technologia i rozwój

Założyciel CodeScriptum - firmy technologicznej z Łodzi, działającej od 2022 roku. Odpowiada za technologię i rozwój, a projekty realizuje razem z zespołem specjalistów od stron, sklepów internetowych, systemów CRM, integracji, AI i marketingu. Na blogu opisuje problemy, z którymi zgłaszają się klienci CodeScriptum, i sprawdzone sposoby ich rozwiązania.

Newsletter

Konkretne porady raz na jakiś czas

Nowe problemy i rozwiązania z bloga, zmiany w przepisach dla sklepów i stron oraz sprawdzone sposoby na więcej klientów z internetu. Bez spamu, wypis jednym kliknięciem.