Skip to main content

Improve LCP/INP for image galleries

Improve LCP/INP for image galleries​

Long‑tail keywords: improve lcp gallery, inp optimization lightbox, responsive srcset blur-up photoswipe

Checklist​

  • Use responsive srcset and modern formats (AVIF/WebP).
  • Add LQIP/blur‑up placeholders to avoid layout shifts.
  • Preload the first image’s priority resource.
  • Defer non‑critical JS; avoid blocking hydration.

Measure​

  • Run Lighthouse in CI and compare median LCP/INP across runs.
  • Publish before→after JSON to build trust.