Blog

Web-vitals

Published on
April 6, 2026
How We Shaved 22KB Off Our Entry Bundle by Lazy-Loading a Toast Library
vue3-toastify was shipping in the entry chunk of every single page — including those that never show a toast. A dynamic import composable moved it to a separate chunk that loads on first trigger, cutting 22KB from entry.js and 9KB from entry.css.
Performance Vue Nuxt Bundle-Optimization Dynamic-Import TypeScript Web-Vitals
Published on
April 6, 2026
The sizes Attribute Is the Most Impactful Image Optimization You Are Not Using
We discovered that our image optimization pipeline was generating perfect srcset values that the browser completely ignored. The fix was a single HTML attribute we had been treating as optional for years.
Performance Images Web-Vitals Responsive-Design Nuxt Frontend Optimization
Published on
February 12, 2026
Why CSS radial-gradient Killed My Scroll Performance (and the 1-Line SVG Fix)
A repeating radial-gradient that looked great in design turned my page into a laggy mess. Here is how I tracked it down and fixed it with an inline SVG data URI — zero visual difference, smooth 60fps scrolling.
CSS Performance SVG Nuxt Web-Vitals

How We Shaved 22KB Off Our Entry Bundle by Lazy-Loading a Toast Library