Stay tuned…
summary
Live demo of a small site that swaps images and streams based on viewport and bandwidth, with concrete numbers: using picture element and srcset cuts delivered image bytes by about 60% and shaves ~1s off LCP in tests, adding lazy-loading and an image CDN drops requests and bandwidth further. Shows exact markup, a webpack image pipeline, and a working adaptive-stream example so the build and performance claims are verified rather than just promised.
AI-written summary · about
related talks
40mSupercharged Live Live Live!
24mSuperpowers of browser's Web API
46mSpeed Matters: Client Side Performance Improvement Tips & Tricks
14mHigh-quality, performant images & videos on your React website (and some AI magic!)
28mImproving Performance using React Server Components!
56mBoosting Web Performance in 2022
56mQuick Wins for Backend Developers
38mSecret Shortcuts of Loading Web Performance
