Web Vitals patterns
This collection includes patterns that are often tricky to implement without hurting your Core Web Vitals scores. Use the code in these examples to help ensure your projects stay on the right track.
- How Tokyu achieved 12 times faster sign-in with passkeys
- Why Google Sheets ported its calculation worker from JavaScript to WasmGC
- Less friction, more control: How Google Meet improved audio and video permissions
- BILIBILI taps MediaPipe's on-device web AI solution to improve video stream UX and boost session duration by +30%
- How Disney+ Hotstar increased weekly card views by 100% on living room devices by reducing INP by 61%
- Interactive 3D on the web with Google hardware: Next-gen product education experiences
- How PubTech's Consent Management Platform reduced INP on their customers' websites by up to 64%, while also improving ad viewability by up to 1.5%
- Goodnotes everywhere
- How content recommendation provider Taboola used LoAF to improve INP up to 36% for its publisher partner websites.
- CapCut boosts organic traffic by 83% by building a fully-functional web app using WebAssembly and WebCodecs
- The power of the web for illustrators: How pixiv uses web technologies for their drawing app
- How Tokopedia reduced operational costs by improving their seller web app using Machine Learning
- How Trendyol reduced INP by 50%, resulting in a 1% uplift on click-through rate
- How the Kiwix PWA allows users to store Gigabytes of data from the Internet for offline use
- How Yahoo! JAPAN increased passkeys adoption to 11% and reduced SMS OTP costs
- How prefetching helped Terra increase ads click-through rate by 30% and speed up Largest Contentful Paint.
- How Back/forward Cache Helped Yahoo! JAPAN News Increase Revenue by 9% on Mobile
- How redBus improved their website's Interaction to Next Paint (INP) and increased sales by 7%
- Economic Times quest for fixing INP
- How Slow Roads intrigues gamers and developers alike, spotlighting the surprising capabilities of 3D in the browser
- Building a better web: A faster YouTube
- How Rakuten 24's investment in Core Web Vitals increased revenue per visitor by 53.37% and conversion rate by 33.13%
- How GoDaddy's Websites + Marketing service improved customer Core Web Vitals by 75%
- Luxury retailer Farfetch sees higher conversion rates for better Core Web Vitals
- Yahoo! JAPAN's password-free authentication reduced inquiries by 25%, sped up sign-in time by 2.6x
- How RebelMouse grew loyalty and engagement by optimizing Core Web Vitals
- A modern web experience on Adobe Experience Manager with WorkBox
- MishiPay's PWA increases transactions 10 times and saves 2.5 years of queuing
- How The Economic Times passed Core Web Vitals thresholds and achieved an overall 43% better bounce rate
- How Terra improved user engagement thanks to Dark Mode
- How QuintoAndar increased conversion rates and pages per session by improving page performance