Zminimalizowany JavaScript

Silktide sprawdza, czy pliki skryptów pobierane przez Twoją stronę zostały zminimalizowane — przepisane tak, aby usunąć odstępy, komentarze i długie nazwy, które mają znaczenie tylko dla osób czytających kod. Niezminimalizowane skrypty są znacznie większe, niż muszą być, przez co strona wczytuje się wolniej.

nie zmienia działania kodu. Na przykład:

// Przed minimalizacją: czytelny, ale obszerny
function calculateTotalPrice(itemPrice, quantity) {
    return itemPrice * quantity;
}

// Po: identyczne działanie, ułamek rozmiaru
function c(a,b){return a*b}

Dlaczego to jest ważne

jest często najcięższym elementem pobieranym przez stronę, a w przeciwieństwie do obrazów musi też zostać przetworzony, zanim strona stanie się w pełni interaktywna. Niezminimalizowane skrypty często można zmniejszyć o połowę lub więcej, a oszczędność ta powtarza się dla każdego użytkownika przy każdym wyświetleniu strony bez danych w pamięci podręcznej — najbardziej odczują ją użytkownicy telefonów i wolniejszych połączeń.

Ponieważ minimalizacja jest automatyczna i nie zmienia działania, niezminimalizowane skrypty produkcyjne są niemal zawsze przeoczeniem: pominiętym etapem kompilacji lub przypadkowo wdrożonymi plikami deweloperskimi.

Jak to naprawić

Włącz minimalizację w procesie kompilacji witryny. Każde nowoczesne narzędzie do kompilacji zawiera minifikator, zwykle domyślnie włączony w kompilacjach produkcyjnych.
Jeśli witryna nie ma procesu kompilacji, sprawdź : większość systemów ma ustawienie lub wtyczkę, która automatycznie minimalizuje skrypty.
W ostateczności uruchom pliki przez samodzielny minifikator przed ich przesłaniem. Zachowaj czytelne oryginały — je edytujesz, a publikujesz zminimalizowane wyniki.
Jeśli zgłoszony plik należy do strony trzeciej, sprawdź, czy oferuje ona wersję zminimalizowaną — większość ją oferuje.

Jak Silktide to testuje

Wczytuje 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.
Sprawdza każdy plik skryptu pobierany przez stronę i szacuje, o ile byłby mniejszy po zminimalizowaniu.
Zgłasza każdy plik z istotną możliwą oszczędnością i ocenia stronę na podstawie łącznej wartości: około 50 KB potencjalnych oszczędności obniża ocenę, a 250 KB lub więcej jest oceniane jako słabe.

Rozwiązywanie problemów

Plik wygląda na już zminimalizowany

Minifikatory różnią się intensywnością działania, więc lekko skompaktowany plik może nadal zawierać istotne możliwości oszczędności. Kontrola zgłasza, o ile mniejszy mógłby być plik; przepuszczenie go przez aktualny minifikator zwykle pozwala uzyskać tę różnicę.

Potrzebujemy czytelnego kodu do debugowania

Zachowaj czytelne pliki źródłowe w projekcie i debuguj za pomocą map źródeł, które pozwalają narzędziom deweloperskim przeglądarki wyświetlać oryginalny kod, podczas gdy użytkownicy otrzymują wersję zminimalizowaną. Nigdy nie musisz udostępniać czytelnego kodu, aby móc go czytelnie debugować.