happyDomain/website
2
0
Fork 0
Code Issues Pull requests Releases Activity

Add lazy loading to carousel screenshot images

Browse source 
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>
This commit is contained in:
nemunaire 2026-04-11 09:21:19 +07:00
commit 1258d9ff2e
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
layouts/partials/carousel.html
View file

@ -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>