Ignite - Web Performance Where to start?
summary
71 percent of users ride 2G or 3G on cheap five year old Android devices so optimize for slow networks not desktops. Audit with Google Lighthouse (performance 60 on the site) to find that 73 of 97 requests are images totaling 2.4 of 2.8 MB. Defer with IntersectionObserver or the new loading="lazy" attribute (18% support at rollout), resize/convert images and one case drops four images from 1100KB → 9KB. Also concatenate/minify JS, drop unnecessary jQuery, enable gzip/brotli, and add a service worker / PWA for offline caching.
AI-written summary · about
chapters (11)
- 0:00Intro
- 0:37Web page makeup
- 1:07Google Lighthouse
- 1:52Images - Defer
- 2:09Images - properly size
- 2:22Images - next gen format
- 3:07JavaScript
- 3:52Enable compression and caching
- 4:07Accessibility
- 4:22Progressive Web App
- 4:37Other wins
related talks
37mMobile Web Performance
30mFast and Beautiful: Modern Image Delivery Techniques
41mMaking The Mobile Website Faster
46mFast and Beautiful Modern Image Delivery Techniques
37mIt's just too Slow: Testing Mobile application performance
31mBeyond the bubble
08mThe Performance Alphabet
26mFast and Beautiful Modern Image Delivery Techniques