Zmniejsz JavaScript

Minifikacja plików JavaScript może zmniejszyć ładunki i skrócić czas analizowania skryptów. Sekcja Możliwości w raporcie Lighthouse zawiera wszystkie nieminimalizowane pliki JavaScript oraz potencjalne oszczędności w kibibajtach (KiB) w przypadku ich zminifikowania:

Zrzut ekranu z kontroli JavaScript narzędzia Lighthouse Minify

Zmniejszanie plików JavaScript

Minimalizacja to proces usuwania odstępów i kodu, który nie jest niezbędny do tworzenia mniejszego, ale idealnie poprawnego pliku z kodem. Terser to popularne narzędzie do kompresji kodu JavaScript. Webpack w wersji 4 zawiera domyślnie wtyczkę do tej biblioteki, która pozwala tworzyć zminimalizowane pliki kompilacji.

Wskazówki dotyczące stosu

Drupal

Upewnij się, że na stronie Administracja > Konfiguracja > Programowanie masz włączoną opcję Agreguj pliki JavaScript. Możesz też skonfigurować bardziej zaawansowane opcje agregacji za pomocą dodatkowych modułów, aby przyspieszyć działanie witryny dzięki konkatenacji, minifikacji i kompresji zasobów JavaScript.

Joomla

Kilka rozszerzeń Joomli może przyspieszyć działanie witryny dzięki konkatenacji, minifikacji i kompresji skryptów. Istnieją też szablony z tą funkcją.

Magento

Użyj narzędzia Terser, aby zmniejszyć wszystkie zasoby JavaScript z wdrożenia treści statycznych i wyłączyć wbudowaną funkcję minifikacji.

Dodaj reakcję

Jeśli Twój system kompilacji automatycznie minifikuje pliki JS, upewnij się, że wdrażasz kompilację produkcyjną aplikacji. Możesz to sprawdzić za pomocą rozszerzenia Narzędzia dla programistów React.

WordPress

Kilka wtyczek WordPress może przyspieszyć działanie witryny dzięki konkatenacji, minifikacji i kompresji skryptów. Jeśli masz taką możliwość, warto też użyć procesu kompilacji, aby od razu przeprowadzić minifikację.

Zasoby