Durch die Komprimierung von JavaScript-Dateien können Nutzlastgrößen und die Zeit zum Parsen von Skripts reduziert werden. Im Bereich „Empfehlungen“ Ihres Lighthouse-Berichts werden alle nicht komprimierten JavaScript-Dateien zusammen mit den potenziellen Einsparungen in Kibibyte (KiB) aufgeführt, wenn diese Dateien reduziert werden:
JavaScript-Dateien komprimieren
Bei der Reduzierung werden Leerräume und jeglichen Code entfernt, der nicht zum Erstellen einer kleineren, aber einwandfreien Codedatei erforderlich ist. Terser ist ein beliebtes JavaScript-Komprimierungstool. Webpack Version 4 enthält standardmäßig ein Plug-in für diese Bibliothek, um komprimierte Build-Dateien zu erstellen.
Stackspezifische Anleitung
Drupal
Achte darauf, dass die Option Aggregate JavaScript files (JavaScript-Dateien aggregieren) auf der Seite Administration > Configuration > Development (Verwaltung > Konfiguration > Entwicklung) aktiviert ist. Sie können auch erweiterte Aggregationsoptionen über zusätzliche Module konfigurieren, um Ihre Website durch Verkettung, Komprimierung und Komprimierung Ihrer JavaScript-Assets zu beschleunigen.
Joomla
Ihre Website lässt sich mit einer Reihe von Joomla-Erweiterungen beschleunigen, durch die Ihre Skripts verkettet und komprimiert werden. Es gibt auch Vorlagen, die diese Funktion bieten.
Magento
Reduzieren Sie mit Terser alle JavaScript-Assets aus der Bereitstellung statischer Inhalte und deaktivieren Sie die integrierte Komprimierungsfunktion.
React
Wenn Ihr Build-System JS-Dateien automatisch komprimiert, achten Sie darauf, dass Sie den Produktions-Build der Anwendung bereitstellen. Das können Sie mit der Erweiterung „React Developer Tools“ prüfen.
WordPress
Ihre Website lässt sich mit einer Reihe von WordPress-Plug-ins beschleunigen, durch die Ihre Skripts verkettet und komprimiert werden. Wenn möglich, können Sie diese Komprimierung auch im Voraus über einen Build-Prozess vornehmen.