Dlaczego strona wolno się ładuje

Strona wolno się ładuje najczęściej z jednej z czterech przyczyn: wolny serwer, który długo odpowiada, zbyt ciężkie pliki (zwykle zdjęcia i wideo), za dużo zewnętrznych skryptów i wtyczek albo ciężki motyw lub kreator, który ładuje kod niepotrzebny na danej podstronie. W stronach małych firm w Polsce najczęściej winne są nieskompresowane zdjęcia i nadmiar skryptów, a na WordPressie dodatkowo tani hosting i duża liczba wtyczek.

Dobra wiadomość: przyczynę da się ustalić w kwadrans, bez wiedzy technicznej, za pomocą darmowego narzędzia Google. W tym tekście wyjaśniam, dlaczego strona wolno się ładuje, jak rozpoznać, która warstwa jest winna, i jak czytać raport. Konkretny plan naprawy opisuję osobno w tekście jak przyspieszyć stronę.

Dlaczego to w ogóle ma znaczenie

Wolna strona traci ludzi, zanim zobaczą ofertę. Klient, który kliknął reklamę i patrzy na pusty ekran przez pięć sekund, często wraca do wyników i wybiera następną firmę. Płacisz za kliknięcie, a nie dostajesz szansy na sprzedaż. Szybkość jest też jednym z sygnałów, które Google bierze pod uwagę, choć treść i dopasowanie do zapytania ważą więcej.

To koszt podwójny: mniej zapytań z tego samego ruchu i drożsi klienci z reklamy. Dlatego warto znać przyczynę, zanim wydasz pieniądze na kolejne kampanie. Wolne ładowanie jest też jedną z przyczyn, które opisuję w tekście dlaczego strona nie sprzedaje.

Jak zmierzyć szybkość w 15 minut

PageSpeed Insights krok po kroku

1. Wejdź na stronę PageSpeed Insights i wpisz adres.
2. Wybierz wynik dla telefonu, nie dla komputera.
3. Na górze sprawdź dane od prawdziwych użytkowników (jeśli strona ma ich wystarczająco dużo).
4. Niżej zobaczysz wynik testu laboratoryjnego i listę zaleceń.
5. Powtórz test dla dwóch najważniejszych podstron, nie tylko dla strony głównej.

Trzy wskaźniki, które warto rozumieć

Wskaźnik	Co mierzy	Dobra wartość według Google
LCP	po ilu sekundach widać największy element, zwykle zdjęcie lub nagłówek	do 2,5 s
INP	jak szybko strona reaguje na kliknięcie lub dotknięcie	do 200 ms
CLS	czy elementy przeskakują podczas ładowania	do 0,1

Dane prawdziwe i laboratoryjne

Dane od użytkowników pokazują, jak strona działała przez ostatnie tygodnie na ich telefonach. Test laboratoryjny to jeden pomiar w symulowanych warunkach. Gdy się różnią, ważniejsze są dane prawdziwe. Mała strona z niewielkim ruchem często ich nie ma, wtedy opieraj się na teście i na własnym telefonie na mobilnym internecie.

Test na własnym telefonie

Narzędzie to nie wszystko. Otwórz stronę na swoim telefonie w trybie prywatnym, po wyłączeniu Wi-Fi, i policz sekundy do momentu, w którym widzisz nagłówek i przycisk kontaktu. Potem przewiń stronę i kliknij menu oraz formularz. Jeśli coś przeskakuje, zacina się albo reaguje z opóźnieniem, zanotuj, gdzie dokładnie. Taki prosty test często mówi więcej niż wynik punktowy, bo pokazuje stronę oczami klienta.

Gdy wolna jest tylko jedna podstrona

Jeśli strona główna działa dobrze, a wolna jest jedna podstrona, szukaj przyczyny w jej zawartości: galeria z kilkudziesięcioma zdjęciami, osadzona mapa, film, kalendarz rezerwacji, formularz z zewnętrznego serwisu. To zwykle łatwiejszy przypadek, bo problem ma jedno źródło.

Cztery warstwy, w których leży przyczyna

Warstwa 1: serwer

Zanim cokolwiek się pojawi, mija dłuższa chwila. W raporcie zobaczysz zalecenie dotyczące czasu odpowiedzi serwera. Przyczyny: tani hosting współdzielony, przestarzałe oprogramowanie serwera, brak cache, serwer daleko od użytkowników. Ten problem dotyczy głównie stron na WordPressie i innych systemach na własnym hostingu. W kreatorach typu Tilda czy Webflow serwerami zarządza platforma, więc nie masz na nie wpływu.

Warstwa 2: waga plików

Szkielet strony pojawia się szybko, ale zdjęcia doładowują się długo, a LCP jest wysoki. W raporcie zalecenia o rozmiarze obrazów i nowoczesnych formatach. Typowy przykład to zdjęcie z aparatu wgrane w oryginale, ważące kilka megabajtów, albo wideo w tle na pierwszym ekranie.

Warstwa 3: skrypty i wtyczki

Strona wygląda na załadowaną, ale reaguje z opóźnieniem na kliknięcia, a INP jest słaby. W raporcie zalecenia o nieużywanym kodzie JavaScript i blokowaniu głównego wątku. Źródła: piksele reklamowe, czaty, widgety opinii, mapy, narzędzia testowe, które ktoś kiedyś dodał i zapomniał. Na WordPressie każda wtyczka może dokładać własne pliki na każdej podstronie.

Warstwa 4: budowa strony

Wszystko jest umiarkowanie wolne i nie ma jednego winnego. Ciężki motyw z kreatorem stron, slider na pierwszym ekranie, kilka krojów czcionek, animacje uruchamiane od razu. To problem architektury, który trudno rozwiązać drobnymi poprawkami.

Czy wina leży w platformie

Każda platforma może być szybka albo wolna. Różnią się tym, ile pracy wymaga utrzymanie szybkości.

WordPress

Daje najwięcej swobody, a więc i najwięcej możliwości spowolnienia strony. Szybkość zależy od hostingu, motywu, liczby wtyczek i regularnych aktualizacji. Dobrze utrzymany WordPress na porządnym hostingu jest szybki, zaniedbany potrafi być bardzo wolny.

Kreatory: Tilda, Webflow i podobne

Hosting z CDN jest w planie, więc warstwa serwera zwykle odpada. Spowolnienia biorą się tu głównie z ciężkich zdjęć, wideo, wielu bloków i zewnętrznych skryptów, a część kodu platformy ładuje się zawsze, czy go używasz, czy nie.

Strona pisana w kodzie

Na stronę trafia tylko to, czego dana firma potrzebuje: bez kodu całego kreatora i bez wtyczek. Szybkość zależy wtedy od jakości pracy wykonawcy i od serwera, który dobiera się do wielkości strony. Porównanie platform pod kątem pracy przy stronie znajdziesz w tekście Tilda czy WordPress.

Co zrobić z wynikiem diagnozy

Gdy wiesz, w której warstwie leży problem, decyzja jest prostsza:

• Waga plików i skrypty. Zwykle naprawisz sam albo w kilka godzin pracy wykonawcy.
• Serwer. Zmiana hostingu lub planu, na WordPressie dodatkowo cache.
• Budowa strony. Porównaj koszt przebudowy z kosztem nowej, lekkiej strony.

Nie przerabiam cudzych stron, więc gdy problem leży w budowie, proponuję nową stronę od zera w czystym kodzie albo na własnym CMS, zwykle na tej samej domenie. Strona wielostronicowa kosztuje u mnie średnio 3800 zł, landing średnio 2100 zł, a szybkość sprawdzam przed oddaniem. Więcej o tej pracy piszę przy usłudze optymalizacja szybkości.

Przykład, błędy i lista kontrolna

Przykład

Przykład, nie konkretny klient. Firma remontowa ma stronę na WordPressie, a LCP na telefonie wynosi 7 sekund. Raport pokazuje trzy rzeczy: długi czas odpowiedzi serwera, zdjęcia realizacji po 5 MB i kilkanaście skryptów, w tym dwa piksele po dawno zakończonych kampaniach. Diagnoza wskazuje dwie warstwy: serwer i pliki. Właściciel najpierw kompresuje zdjęcia i usuwa stare skrypty, potem porównuje koszt lepszego hostingu z kosztem nowej strony.

Najczęstsze błędy w diagnozie

1. Test tylko strony głównej. Podstrony usług, na które trafia ruch z reklamy, bywają dużo wolniejsze.
2. Test na komputerze w firmowej sieci. Klient ogląda stronę na telefonie, często na słabszym zasięgu.
3. Patrzenie tylko na liczbę punktów. Wynik 60 przy dobrych LCP, INP i CLS jest lepszy niż 80 przy przeskakującym układzie.
4. Szukanie jednej magicznej wtyczki. Wtyczka nie zmniejszy zdjęcia ani nie usunie zbędnego czatu.
5. Ignorowanie Search Console. Raport podstawowych wskaźników pokazuje, które grupy podstron mają problem. Jak z niej korzystać, opisuję w tekście jak sprawdzić pozycje strony w Google.

Lista kontrolna diagnozy

• Test PageSpeed dla telefonu: strona główna i dwie podstrony.
• Zapisane LCP, INP, CLS.
• Sprawdzony czas odpowiedzi serwera.
• Sprawdzona waga największych zdjęć i wideo.
• Spisana lista skryptów i wtyczek.
• Raport w Google Search Console.
• Decyzja: poprawki czy nowa strona.