Adding Prettier to a Project
Add Prettier with a pre-commit hook and dedicate one commit to a full reformat
Vintage Bundles talk at Magnolia JS
What are some strategies for serving modern JavaScript to modern browsers?
More developers are starting to understand that web performance matters. From higher mobile search rankings to bottom-line revenue impacts, performance can make or break your web app. However, fixing performance can feel like a quagmire of expert-level nuanced understanding on so many topics. What would you think if I told you you could cut your JavaScript bundle size up to 50% by doing one thing only? Nearly 90% of worldwide web traffic runs on modern browsers, but we're transpiling all of our JavaScript down to ES5. That transpilation has a cost.
In this talk, we'll learn about differential serving, or serving modern bundles to modern browsers and legacy, transpiled bundles to older browsers. We'll talk about strategies, what to watch out for, and how to implement it using webpack. This talk is framework agnostic, and it's best if you have at least a basic understand of JavaScript.
Magnolia JS was my second virtual conference, and I had a blast participating. This video is the full day 1 video, but the embed should play only my talk by default. Check out the other talks that day too! Enjoy!
Hi, I'm Sia.
I'm a freelance performance engineer and web developer, and I'm available for your projects.
Hire meYou might also like
Architecting data in Eleventy
Setting and using data in the static site generator Eleventy
How to Eliminate Render-Blocking Resources: a Deep Dive
Is Lighthouse telling you to eliminate render-blocking resources? Learn what it means and how to fix it.
Webmentions
If you liked this article and think others should read it, please share it.
4
1
These are webmentions via the IndieWeb and webmention.io. Mention this post from your site: