Optimizing Font Loading for LCP: 10 Practical Tips to Fix Layout Shifts
Ten tips to load web fonts without hurting LCP or causing layout shift: preload, font-display, subsetting, self-hosting and fallback metrics.
Older articles
Page 115 of 137
How to Implement Speculation Rules API for Instant Page Loads
Make page navigations feel instant with the Speculation Rules API: prefetch and prerender rules, eagerness settings and safe production use.
Frontend & Web
Next.js Image Component Optimization Tutorial: Boost Your Core Web Vitals
Optimise images with the Next.js Image component: remote patterns, fill layouts, sizes and quality, priority for LCP and production tips.
Mastering React 19 Concurrent Rendering Performance: A Deep Dive into the New Engine
React 19 concurrent rendering for performance: transitions, useDeferredValue, Suspense and how to keep heavy updates from blocking the UI.
How to Reduce Unused JavaScript in Next.js: A Practical Guide to Leaner Bundles
Reduce unused JavaScript in Next.js: analyse the bundle, use dynamic imports, replace heavy libraries, and move work to Server Components.
Frontend & Web
PurgeCSS Review for Production: Is it Still the Best Way to Shrink Your CSS?
PurgeCSS reviewed for production: how much CSS it removes, safelisting dynamic classes, build integration and how it compares to Tailwind JIT.