Webpack zusammenfassen
Ivan Akulov
Zusammenfassung:
- Entfernen Sie unnötige Bytes. Komprimieren Sie alles, entfernen Sie nicht verwendeten Code und seien Sie beim Hinzufügen von Abhängigkeiten vorsichtig.
- Code nach Routen aufteilen Laden Sie nur das, was im Moment wirklich erforderlich ist, und laden Sie den Rest später per Lazy Load
- Cache-Code Einige Teile Ihrer App werden seltener als andere aktualisiert. Diese Teile in Dateien aufteilen, damit sie nur bei Bedarf noch einmal heruntergeladen werden
- Behalten Sie die Größe im Auge. Mit Tools wie webpack-dashboard und webpack-bundle-analyzer können Sie die Größe Ihrer App im Blick behalten. Sehen Sie sich alle paar Monate die Leistung Ihrer App insgesamt an.
Webpack ist nicht das einzige Tool, mit dem Sie eine App schneller machen können. Sie können Ihre Anwendung zu einer progressiven Web-App machen, um die Nutzerfreundlichkeit weiter zu verbessern. Mit automatisierten Profilierungstools wie Lighthouse erhalten Sie Verbesserungsvorschläge.
Lesen Sie auch die webpack-Dokumentation. Dort finden Sie viele weitere nützliche Informationen.