Dlaczego strona ładuje się wolno i jak to sprawdzić

Jak zmierzyć, zamiast zgadywać

Nie oceniaj szybkości na własnym komputerze w biurze: strona jest tam w pamięci podręcznej, a łącze szybkie. Skorzystaj z narzędzia, które symuluje telefon na wolnym łączu, i sprawdź trzy liczby: czas do pierwszej widocznej treści, czas do pełnego załadowania i łączny rozmiar strony w megabajtach. Zapisz je, żeby po zmianach było z czym porównać.

Obrazki

Zdjęcie prosto z aparatu waży kilka megabajtów i ma kilka tysięcy pikseli szerokości, a na stronie wyświetla się w szerokości tysiąca. Przed wgraniem zmniejsz je do rozmiaru, w jakim będzie pokazywane, i zapisz w formacie WebP lub w JPG z jakością około 80 procent. Większość kreatorów robi to automatycznie, ale warto sprawdzić, co faktycznie trafia do przeglądarki.

• Zdjęcie w nagłówku: maksymalnie 1600 pikseli szerokości, poniżej 200 kB.
• Miniatury w siatce: 400 do 600 pikseli, poniżej 50 kB.
• Logo: plik SVG, jeśli to możliwe. Skaluje się bez strat i waży kilka kilobajtów.

Skrypty i osadzone elementy

Każdy czat, mapa, film i widżet mediów społecznościowych to dodatkowe pliki z cudzych serwerów. Pięć takich elementów potrafi podwoić czas ładowania. Zostaw tylko te, z których ktoś naprawdę korzysta, a filmy osadzaj jako miniaturę, która ładuje odtwarzacz dopiero po kliknięciu.

Serwer i lokalizacja

Jeśli obrazki są lekkie, a strona dalej wolna, sprawdź czas odpowiedzi serwera. Powyżej pół sekundy to sygnał, że hosting jest przeciążony albo stoi daleko od odbiorców. Pomaga pamięć podręczna po stronie serwera i sieć CDN, która rozdaje statyczne pliki z serwera najbliższego odwiedzającemu.

Czcionki

Trzy kroje w pięciu grubościach to kilkanaście plików do pobrania przed wyświetleniem tekstu. Ogranicz się do jednego kroju w dwóch grubościach albo użyj czcionek systemowych, które są już na urządzeniu odwiedzającego.