Jeśli wykonywanie JavaScriptu trwa długo, spowalnia stronę na kilka sposobów:
Koszt sieci
Więcej bajtów to dłuższy czas pobierania.
Analizowanie i kompilowanie kosztów
Kod JavaScript jest analizowany i kompilowany w wątku głównym. Gdy wątek główny jest zajęty, strona nie może odpowiadać na działania użytkownika.
Koszt wykonania
JavaScript jest też wykonywany w wątku głównym. Jeśli na stronie jest dużo kodu, zanim faktycznie zaczną być potrzebne, opóźnia to także czas do pełnej interaktywności, który jest jednym z najważniejszych wskaźników postrzegania szybkości działania stron przez użytkowników.
Koszt pamięci
Jeśli Twój kod JavaScript zawiera wiele odwołań, może zajmować dużo pamięci. Strony działają nieprawidłowo lub wolno, jeśli zużywają dużo pamięci. Wyciek pamięci może spowodować całkowite zablokowanie strony.
Co się dzieje, gdy kontrola czasu wykonywania JavaScriptu w Lighthouse kończy się niepowodzeniem
Jeśli wykonanie JavaScriptu trwa dłużej niż 2 sekundy, Lighthouse wyświetla ostrzeżenie. Kontrola nie powiedzie się, gdy wykonanie trwa dłużej niż 3,5 sekundy:
Aby ułatwić identyfikację osób, które w największym stopniu wpływają na czas wykonywania, Lighthouse raportuje czas spędzony na wykonaniu, ocenie i analizie każdego wczytywanego przez Ciebie pliku JavaScript.
Jak przyspieszyć wykonywanie JavaScriptu
- Używaj podziału kodu, aby wysyłać użytkownikom tylko ten kod, którego potrzebują.
- Zmniejsz i skompresuj kod.
- Usuń nieużywany kod.
- Ogranicz ruch sieciowy, buforując kod z zastosowaniem wzorca PRPL.
Inne sposoby poprawiania wczytywania strony znajdziesz na stronie docelowej audytów skuteczności.
Zasoby
Kod źródłowy kontroli Zmniejszenie czasu wykonywania JavaScriptu