From 1258d9ff2e3a15a8cdd60cffb03425c6026301d2 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Sat, 11 Apr 2026 09:21:19 +0700
Subject: [PATCH] Add lazy loading to carousel screenshot images

Adds loading="lazy" attribute to defer off-screen carousel images,
improving initial page load performance especially on mobile.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 layouts/partials/carousel.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layouts/partials/carousel.html b/layouts/partials/carousel.html
index df62639..7052ae5 100644
--- a/layouts/partials/carousel.html
+++ b/layouts/partials/carousel.html
@@ -4,7 +4,7 @@
   {{ range sort .Site.Params.carousel "weight" }}
   <figure class="my-5 mr-5 text-center" style="min-width: 65vw">
     <a href="{{ .image }}">
-      <img class="rounded img-thumbnail" src="{{ .image }}" alt="{{ .title }}" style="max-height: 80vh;">
+      <img class="rounded img-thumbnail" src="{{ .image }}" alt="{{ .title }}" loading="lazy" style="max-height: 80vh;">
     </a>
     <figcaption class="mt-2 text-center">{{ .description | markdownify }}</figcaption>
   </figure>