Lazy loading of images

2024-02-25 13:23:26 +11:00
parent 4917bc1aa1
commit 2a5bf8ee76
8 changed files with 13 additions and 13 deletions
--- a/slices/main/templates/shared/_post.html.slim
+++ b/slices/main/templates/shared/_post.html.slim
@@ -6,7 +6,7 @@ div class="mb-8 h-entry"
    == post.excerpt
    div class="grid gap-4 grid-flow-row grid-cols-#{post.photos.count} grid-rows-1"
      -post.photos.each do |photo|
-        img class="w-44 h-44 object-cover rounded" src=photo["value"]
+        img loading="lazy" class="w-44 h-44 object-cover rounded" src=photo["value"]
  / == render "shared/tags", tags: post.tags

  p class="text-sm text-blue-400 dark:text-indigo-400"