Full Stack Web Development

T05 Modern JavaScript for Modern Browsers

10/20/2020

9:30am - 10:45am

Level: Intermediate

Sia Karamalegos

Founder and Lead Developer

Clio + Calliope

Web performance matters. From SEO to bottom-line revenue impacts, performance can make or break your app. However, fixing performance feels like a quagmire of expert-level topics. What if I told you JavaScript bundle sizes could be cut up to 50% by doing one thing only? Nearly 90% of web traffic runs on modern browsers, but we're transpiling all of our JavaScript to ES5. That's expensive. In this talk, we'll learn about differential serving, or serving both modern bundles and legacy bundles using webpack. This talk is framework agnostic, and best if you have at least a basic understanding of JavaScript.

You will learn:

  • The impact of only serving transpiled JavaScript
  • How differential serving can serve users with much faster bundles
  • How to do differential serving using webpack