Web Performance with Webpack
Offered By: Frontend Masters
Course Description
Overview
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!
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
Related Courses
Build a Server Rendered + Code Split App in React with React Universal Componentegghead.io Build Performant and Progressive Angular Applications
egghead.io Learn React hooks, lazy, and memo API
egghead.io Learn React lazy, memo, useState and useEffect in 7 minutes
egghead.io React Optimization Cookbook
egghead.io