Skip to content

update#716

Merged
lacatoire merged 4 commits intomainfrom
perf/image-sizes-prop
Apr 29, 2026
Merged

update#716
lacatoire merged 4 commits intomainfrom
perf/image-sizes-prop

Conversation

@lacatoire
Copy link
Copy Markdown
Member

Closes #688

Summary

  • Pipeline build-time scripts/generate-image-variants.ts (sharp) qui génère 400w/800w/1200w en AVIF + WebP pour chaque image public/images/blog/
  • Hook prebuild dans package.json → variants générés à chaque next build
  • Composant <ResponsiveImage> qui émet un <picture> avec sources AVIF + WebP fallback + <img> final
  • Migration : BlogCard et l'image header de /article/[slug] (LCP mobile)
  • 312 variants générés (4.3 MB), gitignored

Effet

Mobile passe de l'image originale (768px à 1920px) à un variant 400w (~30 KB AVIF). Gain 50-200 KB par article header en mobile, LCP amélioré.

@lacatoire lacatoire merged commit 7f234e0 into main Apr 29, 2026
9 checks passed
@lacatoire lacatoire deleted the perf/image-sizes-prop branch April 29, 2026 15:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Perf: images responsive via srcset et sizes

1 participant