Learn to solve the most common website performance issues with Sean Larkin, core maintainer of Webpack 4! You'll learn to build instant-loading websites by lazy loading your JavaScript with code splitting, removing unused code with tree shaking, and prefetching assets with magic comments. Webpack was created specifically for web performance and this course Sean will teach you how to use all of it's powerful performance optimization features!
Overview
Syllabus
- Top Performance Issues
- Performance Goals
- Code Coverage
- Code Splitting
- Types of Code Splitting
- Code Splitting Demonstration
- Webpack Code Splitting Under the Hood
- Load a Heavy Module Asynchronously
- Code Splitting in Vue, React, & Frameworks
- Code Splitting Named Exports
- Vendor Bundles are an Anti Pattern
- Dynamic Code Splitting
- Dynamic Code Splitting Walkthrough
- Introducing Magic Comments
- Webpack Modes
- Webpack Prefetch & Preload
- Wrapping Up Code Splitting
- Webpack Config Organization
- Building Your Library with Webpack
Taught by
Sean Larkin