Webpack conclusion
Stay organized with collections
Save and categorize content based on your preferences.
Summing up Webpack
Summing up:
- Cut unnecessary bytes. Compress everything, strip unused code, be wise when adding
dependencies
- Split code by routes. Load only what’s really necessary right now and lazy-load other stuff
later
- Cache code. Some parts of your app are updated less often than other ones. Separate these
parts into files so that they are only re-downloaded when necessary
- Keep track of the size. Use tools like
webpack-dashboard and
webpack-bundle-analyzer
to stay aware how large is your app.
Take a fresh look at your app’s performance at whole every few months
Webpack is not the only tool that could help you make an app faster. Consider making your
application a Progressive Web App for even better experience and use
automated profiling tools like Lighthouse to get improvement suggestions.
Don’t forget to read webpack docs – they have plenty of other
useful information.
And make sure to play with the training app!
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2018-02-08 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Missing the information I need"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Too complicated / too many steps"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Out of date"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Samples / code issue"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Other"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Easy to understand"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Solved my problem"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Other"
}]
{"lastModified": "Last updated 2018-02-08 UTC."}
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2018-02-08 UTC."]]