Webpack

Bündelung für moderne Webanwendungen

Bei modernen Webanwendungen wird häufig ein Bündelungstool verwendet, um ein Produktions-„Bundle“ aus Dateien (Scripts, Stylesheets usw.) zu erstellen, das optimiert und minimiert ist und von Nutzern in kürzerer Zeit heruntergeladen werden kann. Im Artikel Web-Leistungsoptimierung mit webpack erfahren Sie, wie Sie Websiteressourcen mit webpack effektiv optimieren. So können Nutzer Ihre Websites schneller laden und mit ihnen interagieren.

Webpack-Logo

Webpack ist eines der beliebtesten Bündelungstools, die derzeit verwendet werden. Wenn Sie die Funktionen zur Optimierung modernen Codes nutzen, Scripts in kritische und nicht kritische Teile aufteilen und nicht verwendeten Code entfernen (um nur einige Optimierungen zu nennen), können Sie die Netzwerk- und Verarbeitungskosten Ihrer App minimieren.

Vor und nach der Anwendung von JavaScript-Optimierungen. „Time to Interactive“ wurde verbessert  

Inspiriert von Code-Splitting in Bundle Buddy von Susie Lu

Sehen wir uns zuerst an, wie eine der kostenintensivsten Ressourcen in einer modernen App optimiert werden kann: JavaScript.