Web Performance with Webpack

• Understand common web performance issues and learn how to optimize your applications using Webpack.
• Learn how to implement code splitting to reduce initial load times by loading JavaScript asynchronously.
• Explore advanced Webpack features like tree shaking to remove unused code and prefetching to load non-critical assets during idle time.
• Gain practical knowledge on organizing Webpack configurations for better maintainability and performance.
• Discover techniques to enhance the performance of frameworks like Vue and React through Webpack’s optimization tools.

This course, led by Sean Larkin, core maintainer of Webpack, focuses on optimizing web performance using Webpack’s powerful features. You’ll learn to address common performance bottlenecks by applying techniques such as code splitting, tree shaking, and prefetching. The course also covers best practices for Webpack configuration and using Webpack to build high-performance websites that load quickly on all devices.

• Web developers looking to improve their website performance.
• Developers using Webpack who want to optimize their build processes.
• Frontend developers working with frameworks like React, Vue, or Angular.
• Anyone interested in learning advanced Webpack features for better performance.

• Basic understanding of JavaScript and web development.
• Familiarity with Webpack basics is recommended but not required.

Introduction to Web Performance
Learn the key factors affecting web performance and the goals to achieve for a fast-loading website.

Code Splitting Techniques
Discover how to implement static and dynamic code splitting in your projects, and explore how it works under the hood in Webpack.

Advanced Webpack Features
Understand how to use magic comments, Webpack modes, and prefetching to further optimize your application's performance.

Optimizing Frameworks
Explore code splitting in popular frameworks like React and Vue and how to avoid anti-patterns like vendor bundles.

Webpack Configuration
Learn best practices for organizing your Webpack configuration and building JavaScript libraries with Webpack.