Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Frontend Masters

Web Performance with Webpack

via Frontend Masters

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

Reviews

Start your review of Web Performance with Webpack

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.