Add priority and lazy loading to some images

2025-09-09 10:45:27 +03:30
parent 8a498147e1
commit 4a21072e54
28 changed files with 192 additions and 132 deletions
@@ -51,6 +51,8 @@ const createdAt = usePersianTimeAgo(new Date(date.value));

            <NuxtImg
                :src="image"
+                loading="lazy"
+                fetch-priority="low"
                class="group-hover:scale-105 transition-transform duration-200 absolute size-full object-cover z-10"
                alt=""
            />
@@ -98,6 +100,8 @@ const createdAt = usePersianTimeAgo(new Date(date.value));

        <NuxtImg
            v-if="variant === 'lg'"
+            loading="lazy"
+            fetch-priority="low"
            :src="image"
            class="group-hover:scale-105 transition-transform duration-200 absolute size-full object-cover z-10"
            alt=""