Limit image widths and fetch priority
Current State
IMAGE_WIDTHSinvite.config.jsapplies to every import.ramil.avif(the 48px avatar) ships asramil.MXAkiuyc.avifat 44 KB, the largest asset inbuild/_app/immutable/assetsImg.sveltefilters the srcset client-side withsizes, but the files are still generated and deployedPostPreview.svelterenders every card image withloading="eager"(viaArticles) andfetchpriority="high"; with 91 cards on/todos/the hint is meaninglessrole="presentation"is set on card images that also carryalt={post_title}— one of the two is wrong
Tasks
- Give avatars an explicit directive (
?w=48;96) or a separatedefaultDirectivesrule by path - Trim
IMAGE_WIDTHSto the breakpoints the layout actually hits after the grid fix - Eager + high priority only for the first row of a listing; lazy for the rest
- Use empty
alt(the title is next to the image) and droprole
Read next
