Durch die Komprimierung von JavaScript-Dateien können Nutzlastgrößen und die Zeit zum Parsen von Skripts reduziert werden. Im Abschnitt „Mögliche Verbesserungen“ Ihres Lighthouse-Berichts sind alle nicht minimierten JavaScript-Dateien aufgeführt. Außerdem sehen Sie dort die möglichen Einsparungen in Kibibyte (KiB), wenn diese Dateien minimiert werden:
JavaScript-Dateien minimieren
Beim Minimieren werden alle Leerzeichen und der gesamte Code entfernt, der nicht erforderlich ist, um eine kleinere, aber gültige Codedatei zu erstellen. Terser ist ein beliebtes JavaScript-Komprimierungstool. Webpack V4 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 JavaScript-Dateien aggregieren auf der Seite Verwaltung > Konfiguration > Entwicklung aktiviert ist.
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 Funktionen bieten.
Magento
Verwenden Sie Terser, um alle JavaScript-Assets aus der statischen Inhaltsbereitstellung zu komprimieren, und deaktivieren Sie die integrierte Komprimierungsfunktion.
React
Wenn Ihr Build-System JS-Dateien automatisch komprimiert, achten Sie darauf, dass Sie den Produktions-Build Ihrer App verfügbar machen. 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. Sofern möglich, können Sie diese Reduzierung auch vorab über einen Build-Prozess vornehmen.