Zmniejsz JavaScript

Minifikacja plików JavaScript może zmniejszyć ładunki i skrócić czas analizowania skryptów. W sekcji Możliwości raportu Lighthouse znajdziesz listę wszystkich nieskompresowanych plików JavaScript wraz z potencjalną oszczędnością w kibibajtach (KiB), jaką można uzyskać dzięki zminifikowaniu tych plików:

Zrzut ekranu pokazujący kontrolę JavaScriptu w Lighthouse Miniify

Jak zminifikować pliki JavaScript

Minifikacja to proces usuwania spacji i niepotrzebnego kodu w celu utworzenia mniejszego, ale w pełni poprawnego pliku kodu. Terser to popularne narzędzie do kompresji kodu JavaScript. webpack v4 zawiera domyślnie wtyczkę do tej biblioteki, która służy do tworzenia zminiaturyzowanych plików kompilacji.

Wskazówki dotyczące stosu

Drupal

Musisz mieć włączoną opcję Aggregate JavaScript files (Agreguj pliki JavaScript) na stronie Administracja » Konfiguracja » Programowanie.

Joomla

Wiele rozszerzeń Joomli może przyśpieszyć działanie witryny dzięki konkatenacji, minifikacji i kompresji skryptów. Istnieją też szablony z takimi funkcjami.

Magento

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

React

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

WordPress

Kilka wtyczek WordPressa może przyspieszyć działanie strony dzięki konkatenacji, minifikacji i kompresji skryptów. Jeśli masz taką możliwość, od razu przeprowadź minifikację, korzystając z procesu kompilacji.

Zasoby