eager load first 15 images

ethanniser · Oct 19, 2024 · b776ee1 · b776ee1
1 parent 29c3d0b
commit b776ee1
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/app/(category-sidebar)/page.tsx b/src/app/(category-sidebar)/page.tsx
@@ -9,6 +9,7 @@ export default async function Home() {
     },
     orderBy: (collections, { asc }) => asc(collections.name),
   });
+  let imageCount = 0;
   return (
     <div className="p-4">
       {collections.map((collection) => (
@@ -23,7 +24,7 @@ export default async function Home() {
                 href={`/products/${category.slug}`}
               >
                 <Image
-                  loading="eager"
+                  loading={imageCount++ < 15 ? "eager" : "lazy"}
                   src={category.image_url ?? "/placeholder.svg"}
                   alt={`A small picture of ${category.name}`}
                   className="mb-2 h-14 w-14 border hover:bg-yellow-200"