Czas wykonywania JavaScript

Silktide mierzy, ile czasu przeglądarka poświęca na wykonywanie skryptów podczas ładowania strony. Intensywne działanie skryptów uniemożliwia stronie reagowanie, więc strona może wyglądać na załadowaną, a mimo to przez kilka sekund ignorować dotknięcia i kliknięcia.

Dlaczego to jest ważne

Pobranie skryptu to tylko pierwszy koszt. Przeglądarka musi go następnie przeanalizować i uruchomić, a wszystko to odbywa się w tym samym wątku, który obsługuje przewijanie, pisanie i dotknięcia. Podczas działania skryptów strona jest głucha: przyciski nie reagują, a strona sprawia wrażenie zepsutej, choć wygląda na gotową.

W przeciwieństwie do czasu pobierania koszt ten zależy od procesora użytkownika — skrypt, który na komputerze programisty działa przez pół sekundy, może zajmować kilka sekund na niedrogim telefonie. Użytkownicy z najtańszymi urządzeniami czekają najdłużej.

Jak to naprawić

Dostarczaj mniej . Usunięcie nieużywanego kodu to najbardziej bezpośrednia korzyść — zobacz Nieużywany JavaScript.
Podziel duże pakiety i ładuj kod funkcji znajdujących się poniżej pierwszego ekranu lub uruchamianych interakcją tylko wtedy, gdy jest potrzebny, aby podczas początkowego ładowania wykonywać wyłącznie to, czego wymaga pierwszy ekran.
Przeprowadź audyt skryptów innych firm, które często dominują pod względem czasu wykonywania — zobacz Kod innych firm. Usuń te, których wartość nie uzasadnia ich kosztu.
Przenieś rzeczywiście intensywne obliczenia do web workera, który działa w osobnym wątku i pozwala stronie zachować responsywność.

Jak Silktide to testuje

Ładuje stronę w prawdziwej przeglądarce, używając typu urządzenia, prędkości połączenia i lokalizacji testowej skonfigurowanych dla testów szybkości.
Mierzy czas przetwarzania zużyty przez każdy skrypt podczas ładowania, dzieląc go na wykonywanie kodu (ewaluację skryptu) i przygotowanie do jego uruchomienia (parsowanie).
Raportuje skrypty, które zużyły znaczącą ilość czasu, z podziałem na poszczególne pliki. Gdy całkowity czas wykonywania jest niski, nie są wyświetlane żadne pojedyncze skrypty.
Ocenia stronę na podstawie sumy: wynik poniżej 2 sekund jest dobry, a około 3,5 sekundy lub więcej jest oceniane jako słabe.

Rozwiązywanie problemów

Skrypt innej firmy jest na szczycie listy

Analytics, menedżery tagów, reklamy i widżety czatu często kosztują więcej czasu wykonywania niż własny kod witryny. Nie możesz optymalizować ich działania wewnętrznego, ale możesz ładować je później, zastąpić lżejszymi alternatywami lub usunąć te, których nikt nie używa.

Strona wydaje się szybka na moim komputerze

Czas wykonywania zależy od procesora. Komputery programistów są zazwyczaj kilka razy szybsze niż telefony ze średniej półki, których używa większość użytkowników, więc budżet, który jest dla Ciebie niezauważalny, dla nich może oznaczać kilka sekund. Zmierzone wartości pochodzą z kontrolowanego testu, a nie z Twojego sprzętu.