99 Ways to Take Away Your Ugly Polyfills

on YouTube ↗11m

" summary

Distinguishes shims from polyfills and gives concrete fixes: use @babel/preset-env with useBuiltIns: "usage" or the entry import pattern together with core-js and regenerator-runtime so only needed helpers and generators are included. Shows runtime delivery via polyfill.io and a server-side strategy that serves three user-agent–specific bundles (modern, intermediate, and full legacy/IE) to cut client payloads for about 95% of users while still covering IE, reporting reduced typical download sizes.

AI-written summary · about

" chapters (13)

1. 0:00Introduction
2. 0:27Shims vs polyfills
3. 1:10Why polyfills needed
4. 2:15Babel with polyfills
5. 3:17Polyfill browser issues
6. 3:38Babel-plugin-compact solution
7. 4:43Core-js advantages
8. 5:24Babel useBuiltIns & corejs
9. 6:08Babel options demo
10. 7:31Dynamic polyfill downsides
11. 8:56Bund-utils optimization
12. 9:39Bund-utils performance
13. 10:00Summary & links

" related talks

• 45mRefactoring the polyfills recipeDmitriy Kholstinin · HolyJS 2025 Autumn
• 47mOptimize the frontend by running your own polyfill.io serverIm Hyeongju · FEConf 2018 Korea
• 27mCompile Like It's 2017Artem Yavorskiy · JavaScript fwdays'17
• 53mPolyfilling the gapsLea verou · JSConf EU 2011
• 36m@babel/core: "7.x"Artem Yavorskiy · Frontend fwdays'17
• 58m10KB or Bust: The Delicate Power of Webpack and BabelBrian Holt · Voxxed Days Bucharest 2018
• 03mMoving JS from Libraries to PolyfillsSebastian Markbage · JSConf.ar 2014
• 20mMoving JS from Libraries to PolyfillsSebastian Markbage · JSConf.ar 2014