VueConf US 2021 | Looking through the VueFinder Henri Helvetica
summary
Data show image bytes per page rising — desktop +50%, mobile +82% — while requests fall (~‑20% desktop, ~‑15% mobile), and 51% of Vue origins serve ≥1MB of images; 58% of origins hit LCP ≤2.5s. New codecs arrive: jpeg xl bitstream is frozen and just lands in Chrome, avif (AV1‑based) beats WebP in compression on Kodak tests, and webp is widely supported. Tooling and services mentioned include PerfTrack/Lighthouse metrics, imagex, Cloudnary and Shopify delivery; picture tag fallbacks and CDN transcodes are used in production.
AI-written summary · about
chapters (7)
- 0:00Looking through the VueFinder
- 1:51Images
- 3:56Retrospective
- 7:36Concerns
- 12:26The future
- 25:42Solutions
- 28:08Conclusion
related talks
20mImage Optimization - Quick Win for Improving Performance in Vue & Nuxt Apps
56mBoosting Web Performance in 2022
26mImproving Page speed Performance with Vue 3
33mImages blast off at the speed of Jamstack!
31mOptimizing for Super Sonic Speed in Vue.js & Gridsome
31mOptimizing for Super Sonic Speed in Vue.js & Gridsome
30mHow to use Nuxt.js and Chrome
45mA picture is worth a thousand…kilobytes.