feat: lazy load images when possible

HEIGE-PCloud · May 26, 2024 · dfc113a · dfc113a
1 parent 357d445
commit dfc113a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html
@@ -5,7 +5,7 @@
     (dict "Process" "resize 1600x webp q75" "descriptor" "1600w")
 -}}
 <figure>
-    {{- dict "Src" .Destination "Title" .Text "Caption" .Title "Linked" $lightgallery "Resources" .Page.Resources "OptimConfig" $optim | partial "plugin/image.html" -}}
+    {{- dict "Src" .Destination "Title" .Text "Caption" .Title "Linked" $lightgallery "Loading" "lazy" "Sizes" "auto" "Resources" .Page.Resources "OptimConfig" $optim | partial "plugin/image.html" -}}
     {{- if .Title -}}
         <figcaption class="image-caption">
             {{- .Title | safeHTML -}}

diff --git a/layouts/shortcodes/image.html b/layouts/shortcodes/image.html
@@ -8,6 +8,8 @@
     (dict "Process" "resize 1600x webp q75" "descriptor" "1600w")
 -}}
 {{- $options = dict "OptimConfig" $optim | merge $options -}}
+{{- $options = dict "Loading" "lazy" | merge $options -}}
+{{- $options = dict "Sizes" "auto" | merge $options -}}
 
 
 {{- if .IsNamedParams -}}