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!
Feedback
Was this page helpful?
Yes
What was the best thing about this page?
It helped me complete my goal(s)
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It had the information I needed
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It had accurate information
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It was easy to read
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
Something else
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
No
What was the worst thing about this page?
It didn't help me complete my goal(s)
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It was missing information I needed
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It had inaccurate information
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It was hard to read
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
Something else
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.