Why it matters
srcset, no AVIF/WebP, no lazy loading by default and no intrinsic size reservation, so it is usually the largest LCP and CLS cost on the page.
How to fix it
Use next/image with width/height (or fill + sizes). Raw ImageResponse OG images.
Example
import Image from 'next/image'
<Image src={hero} alt="Dashboard overview" sizes="(min-width: 1024px) 50vw, 100vw" />References
More lint rules
void lint reports 67 rules in this category. Static source checks with no browser: Tailwind v4 silent failures, Next.js 16 API traps, React render-body bugs, accessibility markup, SEO files and motion hygiene.
tw-important-soupMany `!important` utilities in one filetw-arbitrary-sprawlMany arbitrary colors / pixel values bypass the design tokenspage-level-use-client`"use client"` at the top of a page or layoutheavy-importHeavy dependency imported into client codeimg-missing-dimensionsImage without width/height (or fill / aspect-ratio)image-priority-deprecated`priority` on `next/image` is deprecated in Next 16missing-altImage without `alt`google-fonts-linkGoogle Fonts loaded via `<link>` / `@import`