Duże ładunki sieciowe są mocno powiązane z długim czasem ładowania. Wiąże się to też z kosztami dla użytkowników, np. za korzystanie z mobilnej transmisji danych. Zmniejszenie łącznego rozmiaru żądań sieciowych strony jest korzystne dla użytkowników i ich portfeli.
Przyczyny niepowodzenia kontroli ładunku sieciowego Lighthouse
Lighthouse pokazuje łączny rozmiar w kibibajtach (KiB) wszystkich zasobów zażądanych przez stronę. Największe żądania są wyświetlane jako pierwsze:
Na podstawie danych z archiwum HTTP mediana obciążenia sieci wynosi od 1700 do 1900 KiB. Aby wyświetlać strony z największymi ładunkami, Lighthouse oznacza strony, których łączna liczba żądań sieci przekracza 5000 KiB.
Jak zmniejszyć rozmiar ładunku
Staraj się,by łączny rozmiar w bajtach nie przekraczał 1600 KiB. Ten cel jest oparty na ilości danych, które teoretycznie można pobrać przez połączenie 3G, przy zachowaniu czasu do interakcji wynoszącego 10 sekund lub mniej.
Oto kilka sposobów na zmniejszenie rozmiaru ładunku:
- Opóźniaj żądania do momentu, gdy będą potrzebne. Przykładowe podejście znajdziesz w wzorcu PRPL.
- Zoptymalizuj żądania, aby były jak najmniejsze. Możliwe techniki:
- Żądania buforowane, dzięki którym strona nie będzie ponownie pobierać zasobów przy kolejnych wizytach. (Aby dowiedzieć się, jak działa buforowanie i jak je zaimplementować, odwiedź stronę z informacjami o niezawodności sieci).
Wskazówki dotyczące poszczególnych zbiorów
Angular
Zastosuj dzielenie kodu na poziomie przekierowań, aby zminimalizować wielkość pakietów JavaScript. Pomyśl też o wstępnym zapisywaniu zasobów w pamięci podręcznej za pomocą skryptu service worker Angular.
Drupal
Sugerujemy używanie stylów obrazów elastycznych w celu zmniejszenia wielkości plików graficznych wczytywanych na stronie. Jeśli używasz widoku Views do wyświetlania wielu elementów treści na stronie, rozważ zastosowanie podziału na strony, aby ograniczyć liczbę elementów wyświetlanych na jednej stronie.
Joomla
Korzystne może być wyświetlanie fragmentów w poszczególnych kategoriach artykułów (jednym z popularnych rozwiązań jest link „Przeczytaj więcej”), zmniejszenie liczby artykułów wyświetlanych na danej stronie, podział długich postów na kilka stron lub użycie wtyczki umożliwiającej leniwe ładowanie komentarzy.
WordPress
Korzystne może być wyświetlanie fragmentów na liście postów (możesz użyć tagu „więcej”), zmniejszenie liczby postów wyświetlanych na danej stronie, podział długich postów na kilka stron lub użycie wtyczki umożliwiającej opóźnione wczytywanie komentarzy.
Zasoby
Kod źródłowy audytu unikania bardzo dużych ładunków sieciowych