Lazy Loading JS modules in the browser (talk)

I gave this talk on Mar 1st, 2017 at Mobile+Web DevCon
in San Francisco, CA and on July 27th, 2017 at ForwardJS
in San Francisco, CA

This talk is an updated version of Lazy Loading ES2015 modules in the browser is about loading code during page load time vs lazy loading, then how to load JS modules both synchronously (during page load) and asynchronously (lazy-load) using System.js over Babel, as well as how to used Webpack 2 to bundle your app and resolve dependencies.

What will the audience learn

  • The fundamentals on when to load your modules (page load time vs lazy loading) for a most optimized page performance
  • The ES Modules spec and System.js
  • Importing modules synchronously and asynchronously
  • Webpack 2 as a dependency management system

Slide deck


Sample repos