The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

Conclusion

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?