Szybka strona na telefonie: 7 rzeczy, które sprawdzamy przed startem

Zdjęcia, czcionki, wtyczki i hosting — lista kontrolna, dzięki której strona ładuje się, zanim klient się zniecierpliwi. Tak wygląda nasz przegląd przed każdą publikacją.

1. Zdjęcia w odpowiednim rozmiarze i formacie

Najczęstszy powód wolnej strony to zdjęcia wgrane prosto z aparatu. Przycinamy je do rozmiaru, w jakim faktycznie się wyświetlają, zapisujemy w nowoczesnym formacie (WebP lub AVIF) i ładujemy z opóźnieniem te, które są poniżej pierwszego ekranu.

2. Czcionki: mniej wariantów, szybsze ładowanie

Każda grubość i kursywa to osobny plik. Wybieramy tylko te warianty, których strona naprawdę używa, i pilnujemy, żeby tekst był widoczny od razu, a nie dopiero po wczytaniu fontu.

3. Tylko potrzebne wtyczki

Wtyczka „na wszelki wypadek” często dokłada skrypty i style na każdej podstronie. Przed startem przeglądamy listę i zostawiamy tylko to, co ma realne zadanie.

4. Skrypty zewnętrzne pod kontrolą

Czaty, piksele reklamowe, mapy i osadzone filmy potrafią spowolnić stronę bardziej niż jej własny kod. Ładujemy je dopiero wtedy, gdy są potrzebne, a filmy i mapy pokazujemy jako lekki podgląd do kliknięcia.

5. Hosting i aktualne oprogramowanie

Nawet dobrze zbudowana strona zwolni na przeciążonym serwerze. Sprawdzamy wersję PHP, czas odpowiedzi serwera i to, czy hosting wytrzyma ruch, jakiego się spodziewasz.

6. Pamięć podręczna i kompresja

Strona nie musi być budowana od zera przy każdej wizycie. Włączamy cache, kompresję plików i odpowiednie nagłówki, żeby powracający użytkownik ładował tylko to, co się zmieniło.

7. Test na prawdziwym telefonie

Narzędzia takie jak PageSpeed Insights pokazują problemy, ale ostatnie słowo ma telefon w ręku — najlepiej przeciętny, na mobilnym internecie. Klikamy, przewijamy i wypełniamy formularze tak, jak zrobi to klient.

Szybkość to nie wynik w teście, tylko to, czy klient doczeka do Twojej oferty.

Zespół Website Monster

Podsumowanie

Szybka strona to suma małych decyzji: lekkie zdjęcia, oszczędne czcionki, mało wtyczek i dobry serwer. Sprawdzamy je przed każdym startem — i warto wracać do nich po każdej większej zmianie.