YoVDO

Web Performance with Webpack

Offered By: Frontend Masters

Tags

Webpack Courses Lazy Loading Courses Code Splitting Courses Tree Shaking Courses

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 Component
egghead.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