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/_status.html.slim
+++ b/slices/main/templates/shared/_status.html.slim
@@ -4,7 +4,7 @@ div class="mb-8 h-entry border border-gray-200 m-2 p-4 bg-gray-50 hover:bg-gray-
      == " 💬 #{post.raw_content}"
      div class="grid gap-4 grid-flow-row grid-cols-4 grid-rows-1"
        -post.photos.each do |photo|
-          img class="w-32 h-32 object-cover rounded" src=photo["value"]
+          img loading="lazy" class="w-32 h-32 object-cover rounded" src=photo["value"]
    == render "shared/tags", tags: post.tags

  div class="mb-8"