Image and Font Optimization: AVIF/WebP, srcset, NgOptimizedImage Loaders and Font Subsets with Turkish Characters
Resizing images to their size on screen, serving them in the best format the browser accepts (AVIF, WebP, JPEG) and loading fonts with the right subset and fallback metrics are the two jobs that affect LCP and CLS most. We encode Bookstore's covers by Accept in ASP.NET Core with Magick.NET, generate srcset with an NgOptimizedImage loader and cut LCP from 13.7 s to 1.34 s; we measure ğ, ş and İ falling back with the latin subset and how size-adjust reduces the shift.
15 Nov 2026
·
13 min
·
8
