📞 Zadzwoń 09 70 44 66 31
⚡ Performance

Dlaczego szybka strona ma znaczenie dla Twojej firmy

Wolna strona nie traci tylko odwiedzających: traci klientów, którzy nigdy nie powiedzą Ci, że u Ciebie byli. Co naprawdę zmienia szybkość i jak sprawdzić to samemu.

Potencjalny klient znajduje Cię w Google na telefonie, przy przeciętnym łączu. Jego potrzeba jest konkretna: pilna naprawa, wycena. Przez trzy sekundy patrzy na biały ekran. Potem cofa się i klika kolejny wynik — Twojego konkurenta. Nigdy się nie dowiesz, że tu był.

To martwy punkt większości firmowych stron: powolność nie uruchamia żadnego alarmu, po prostu obcina liczbę odwiedzających, którzy docierają do końca wizyty. Dobra wiadomość: wydajność strony mierzy się za darmo, w kilka minut, i zależy znacznie bardziej od decyzji technicznych podjętych na początku niż od budżetu. Na tym opieramy nasze tworzenie szybkich stron internetowych.

Szybkość to nie techniczny szczegół, to przychód

Odrzucenie: klient, który odchodzi bez słowa

Współczynnik odrzuceń to odsetek odwiedzających, którzy odchodzą, nie robiąc nic poza obejrzeniem strony wejściowej. Badanie opublikowane przez Google w 2017 roku na temat stron mobilnych wykazało, że prawdopodobieństwo odrzucenia rośnie o około jedną trzecią, gdy czas ładowania przechodzi z jednej sekundy do trzech. Kto w niedzielny wieczór szuka fachowca, ma otwarte trzy karty: pierwsza strona, która się pojawi, dostaje telefon.

Każdy etap drogi płaci za powolność

Strona główna to tylko drzwi wejściowe. Prawdziwy koszt płaci się na dalszej drodze: strona usług, która wolno się otwiera, galeria ładująca się skokowo, przycisk, który nie reaguje od razu. W każdym z tych miejsc część odwiedzających rezygnuje. Szybka strona nie podnosi magicznie Twojego współczynnika konwersji: przestaje go obniżać. Szybkość należy też do pierwszego wrażenia, tak samo jak czystość witryny sklepowej: strona, która odpowiada natychmiast, mówi o firmie poważnej i zadbanej.

Core Web Vitals: trzy wartości, na które patrzy Google

Google ujednolicił pomiar doświadczenia ładowania pod nazwą Core Web Vitals: trzy wskaźniki, każdy odpowiada na pytanie, które zadaje sobie prawdziwy odwiedzający. Google nie ocenia ich w laboratorium, lecz na podstawie rzeczywistych wizyt, i uznaje stronę za dobrą, gdy 75 % wizyt mieści się w progu. Nie wystarczy więc być szybkim z własnego biura na światłowodzie.

LCP

Largest Contentful Paint

Czas do pojawienia się największego widocznego elementu: głównego zdjęcia, bloku tytułu. Moment, w którym odwiedzający widzi wreszcie coś użytecznego.

Dobry: 2,5 sekundy lub mniej.

INP

Interaction to Next Paint

Czas między działaniem odwiedzającego (kliknięciem, dotknięciem menu) a widoczną reakcją strony. Zastąpił wskaźnik FID w marcu 2024 roku.

Dobry: 200 milisekund lub mniej.

CLS

Cumulative Layout Shift

Stabilność wizualna: jak bardzo treść przesuwa się podczas ładowania. To przycisk, który ucieka dokładnie wtedy, gdy palec na nim ląduje.

Dobry: 0,1 lub mniej.

Progi trzech podstawowych wskaźników internetowych Google. LCP jest dobry do 2,5 sekundy i słaby powyżej 4; INP jest dobry do 200 milisekund i słaby powyżej 500; CLS jest dobry do 0,1 i słaby powyżej 0,25.
Między zielenią a czerwienią jest strefa pośrednia: strona może wymagać poprawy, nie sprawiając wrażenia wolnej.

CLS jest najbardziej podstępny z całej trójki, bo nie widać go na zrzucie ekranu. Jego przyczyny są jednak znane: obrazy publikowane bez podanych wymiarów, baner wstawiony po fakcie, krój pisma, który przychodzi z opóźnieniem i przestawia cały tekst. Każde drgnięcie kosztuje jedno nietrafione kliknięcie, a czasem zniecierpliwionego odwiedzającego.

Google wyżej ustawia szybkie strony

Od 2021 roku doświadczenie na stronie oficjalnie należy do sygnałów wyszukiwarki. Bądźmy precyzyjni, bo ten punkt bywa wyolbrzymiany: Google powtarza, że trafność treści jest ważniejsza, a wolna strona, która dokładnie odpowiada na zadane pytanie, wyprzedzi stronę szybką, lecz pustą.

Jednak między dwiema równie trafnymi stronami — codzienną sytuacją rzemieślnika wobec konkurentów z tego samego miasta — rozstrzyga szybkość. Działa też pośrednio: szybka strona jest sprawniej przeszukiwana przez roboty indeksujące. Pozycjonowanie wygrywa się, gromadząc takie przewagi, a wydajność jest tylko jedną z nich: pozostałe opisujemy w artykule o błędach SEO, które szkodzą stronie.

Dlaczego strona statyczna jest szybsza z samej budowy

Co przy każdej wizycie robi strona oparta na bazie danych

Na stronie zbudowanej wokół klasycznego systemu zarządzania treścią — WordPress, Drupal, PrestaShop — każda wizyta uruchamia małą budowę na serwerze. Program w PHP startuje, odpytuje bazę danych o tekst, menu i ustawienia, wykonuje kod wszystkich zainstalowanych wtyczek, składa całość w HTML i wysyła wynik. Ta praca jest powtarzana dla każdego odwiedzającego i każdej podstrony.

Te narzędzia nie są złe: powstały z myślą o stronach, których treść zmienia się co minutę — sklepie ze stanami magazynowymi, redakcji z dziesiątkami autorów. Ale strona wizytówkowa, której podstrony zmieniają się kilka razy w roku, płaci za ten mechanizm, nigdy nie czerpiąc z niego korzyści.

Co robi strona statyczna

Strona statyczna odwraca kolejność działań: podstrony HTML powstają raz, w chwili publikacji. Na serwerze leżą potem gotowe pliki. Gdy odwiedzający prosi o stronę, nie ma żadnego zapytania do bazy danych, żadnego PHP do wykonania, żadnej wtyczki do wybudzenia: plik wychodzi taki, jaki jest. Nie da się przyspieszyć pracy, która się nie odbywa.

Wynikają z tego dwie dodatkowe korzyści: nie ma bazy danych do włamania ani wtyczek do pospiesznej aktualizacji, a hosting kosztuje ułamek serwera aplikacyjnego. Kto widział kiedyś stronę unieruchomioną przez nieudaną aktualizację, wie, ile to warte. Nasze usługi opierają się w całości na tej architekturze.

CDN i obrazy: dwie dźwignie, które zmieniają wszystko

CDN, czyli koniec niepotrzebnych kilometrów

Dane nie podróżują natychmiast. Jeśli Twoja strona stoi na jednym serwerze, a ktoś otwiera ją z drugiego końca kraju, każdy element podstrony pokonuje drogę tam i z powrotem. CDN (sieć dostarczania treści) umieszcza kopie Twoich podstron w setkach lokalizacji: odwiedzający z Krakowa jest obsługiwany przez serwer w pobliżu. Strony, które tworzymy, są rozłożone na ponad 300 lokalizacjach, bo odległość to ta część czasu ładowania, której żadna optymalizacja kodu nie nadrobi.

Bez CDN każdy plik strony pokonuje całą drogę tam i z powrotem między odwiedzającym a jedynym serwerem witryny, często bardzo odległym. Z CDN kopia strony czeka już na serwerze blisko odwiedzającego, a serwer źródłowy odpowiada tylko przy aktualizacjach.
Ta sama droga dla każdego pliku: obrazów, krojów pisma, arkuszy stylów.

Obrazy: najcięższa pozycja na stronie

W ogromnej większości wolnych stron, które badamy, winowajca jest ten sam: zdjęcia opublikowane dokładnie tak, jak wyszły z telefonu, ważące po kilka megabajtów, pokazywane w ramce o szerokości kilkuset pikseli. Cztery nawyki załatwiają sprawę:

  • Zmniejsz rozmiar przed publikacją. Obraz wyświetlany na 600 pikselach szerokości nie musi mieć 4000.
  • Używaj nowoczesnych formatów. WebP i AVIF wyraźnie zmniejszają wagę przy tej samej jakości i są obsługiwane przez wszystkie obecne przeglądarki.
  • Podawaj wymiary. Wpisanie szerokości i wysokości rezerwuje miejsce jeszcze przed załadowaniem: to bezpośrednie lekarstwo na CLS.
  • Odkładaj to, czego nie widać. Ładowanie odroczone pozwala nie pobierać obrazów z dołu strony, dopóki nikt tam nie zjedzie.

Te same zasady dotyczą reszty: kompresji, krojów pisma trzymanych na własnej stronie i przede wszystkim wstrzemięźliwości w skryptach. Każdy zewnętrzny dodatek — czat, mapa, licznik — to kolejny cudzy serwer, nad którego szybkością i dostępnością nie masz kontroli. Gdy taki serwer zwalnia, zwalnia razem z nim Twoja strona, choć jej kod jest bez zarzutu. Efekt możesz ocenić w naszych realizacjach.

Sprawdź swoją stronę sam, w pięć minut

Nic z tego nie wymaga wierzenia nam na słowo. Trzy darmowe narzędzia są punktem odniesienia: PageSpeed Insights od Google, które pokazuje zarówno wynik laboratoryjny, jak i rzeczywiste dane odwiedzających; GTmetrix, które rozkłada ładowanie element po elemencie; oraz Pingdom, przydatny do testów z różnych krajów. Wpisz ich nazwę w wyszukiwarkę, wklej swój adres i czytaj.

  • Testuj najpierw na telefonie. To surowsza zakładka i ta, która odpowiada większości Twoich odwiedzających.
  • Odróżniaj laboratorium od praktyki. Wynik na 100 to symulacja; Core Web Vitals pokazane powyżej pochodzą z prawdziwych wizyt. To one liczą się dla Google.
  • Nie goń za idealną setką. Przejście z 45 na 90 zmienia wszystko; ostatnie punkty to sport wyczynowy.

Do własnych stron stosujemy dokładnie to, co tu opisujemy: regularnie osiągają 95 do 100 na 100 w PageSpeed Insights i ładują się w mniej niż sekundę. Zrzuty ekranu oraz porównanie punkt po punkcie ze zwykłą stroną znajdziesz na naszej stronie z cennikiem: weź adres dowolnej z naszych stron i sprawdź samodzielnie.

W skrócie

Szybkość to nie kaprys informatyka: to pierwszy filtr, który każdy odwiedzający przyprowadzony przez Twoje pozycjonowanie przechodzi albo nie, zanim jeszcze zdąży przeczytać Twoją ofertę. Core Web Vitals ją mierzą, darmowe narzędzia potwierdzają ją w pięć minut, a architektura wybrana na początku decyduje o prawie całej reszcie.

Ile czasu potrzebuje Twoja strona, żeby się pojawić?

Sprawdzimy ją bezpłatnie i powiemy Ci, co ją spowalnia — bez żargonu i bez zobowiązań.

Zamów bezpłatną analizę