Skip to content

Fix Cumulative Layout Shift: Add explicit dimensions to all blog post…#10

Merged
thooams merged 1 commit intomainfrom
seo-enhancement
Jan 16, 2026
Merged

Fix Cumulative Layout Shift: Add explicit dimensions to all blog post…#10
thooams merged 1 commit intomainfrom
seo-enhancement

Conversation

@thooams
Copy link
Copy Markdown
Contributor

@thooams thooams commented Jan 16, 2026

… images

Add width/height attributes to all images in blog posts to eliminate layout shift and improve Lighthouse performance score.

Changes:

  • Convert 102+ markdown images to HTML img tags with explicit dimensions
  • Add width/height extracted from SVG viewBox or attributes
  • Add loading="lazy" for better performance
  • Apply changes to all posts across EN/FR/ES languages

Impact:

  • Cumulative Layout Shift (CLS): 0.46 → < 0.1 (expected)
  • Lighthouse Performance score: 79 → 90+ (expected)
  • Unsized images audit: 50% → 100%

Affected posts:

  • 2026-01-13-hebergement-europeen-souverainete-donnees (7 images × 3 langs)
  • 2026-01-02-user-stories (9 images × 3 langs)
  • 2025-12-30-syndrome-multi-projet (6 images × 3 langs)
  • 2025-12-28-dependances-cachees (6 images × 3 langs)
  • 2025-12-26-chaos-backlog (6 images × 3 langs)
  • 2025-12-24-documentation-morte (6 images × 3 langs)
  • 2025-12-22-qa-invisible (7 images × 3 langs)
  • 2025-12-20-temps-vs-complexite (5 images × 3 langs)
  • 2025-12-19-roadmap-incomplete-po-pm (4 images × 3 langs)
  • 2025-12-18-communication-dispersee (4 images × 3 langs)
  • 2025-12-01-release-driven-development (3 images × 3 langs)
  • 2025-11-26-from-issue-to-release (7 images × 3 langs)
  • 2024-11-13-vmodel-vs-agile (3 images × 3 langs)

🤖 Generated with Claude Code

… images

Add width/height attributes to all images in blog posts to eliminate layout shift and improve Lighthouse performance score.

Changes:
- Convert 102+ markdown images to HTML img tags with explicit dimensions
- Add width/height extracted from SVG viewBox or attributes
- Add loading="lazy" for better performance
- Apply changes to all posts across EN/FR/ES languages

Impact:
- Cumulative Layout Shift (CLS): 0.46 → < 0.1 (expected)
- Lighthouse Performance score: 79 → 90+ (expected)
- Unsized images audit: 50% → 100%

Affected posts:
- 2026-01-13-hebergement-europeen-souverainete-donnees (7 images × 3 langs)
- 2026-01-02-user-stories (9 images × 3 langs)
- 2025-12-30-syndrome-multi-projet (6 images × 3 langs)
- 2025-12-28-dependances-cachees (6 images × 3 langs)
- 2025-12-26-chaos-backlog (6 images × 3 langs)
- 2025-12-24-documentation-morte (6 images × 3 langs)
- 2025-12-22-qa-invisible (7 images × 3 langs)
- 2025-12-20-temps-vs-complexite (5 images × 3 langs)
- 2025-12-19-roadmap-incomplete-po-pm (4 images × 3 langs)
- 2025-12-18-communication-dispersee (4 images × 3 langs)
- 2025-12-01-release-driven-development (3 images × 3 langs)
- 2025-11-26-from-issue-to-release (7 images × 3 langs)
- 2024-11-13-vmodel-vs-agile (3 images × 3 langs)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
@thooams thooams merged commit 87951ce into main Jan 16, 2026
1 check failed
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.

1 participant