Add image alt and priority fetching

biolab · Oct 26, 2023 · 4395874 · 4395874
1 parent 5e7af28
commit 4395874
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/components/Blog/BlogList.tsx b/components/Blog/BlogList.tsx
@@ -16,16 +16,20 @@ export default function BlogList({
   return (
     <Styled.BlogList>
       {blogs.map(
-        ({ title, url, date, thumbImage, shortExcerpt, author, tags }) => (
+        (
+          { title, url, date, thumbImage, shortExcerpt, author, tags },
+          index,
+        ) => (
           <Styled.BlogListItem key={url}>
             {thumbImage && (
               <Styled.BlogListImageWrapper>
                 <Link href={`blog/${url}`}>
                   <Image
+                    priority={index < 3}
                     src={thumbImage.src}
                     width={thumbImage.width}
                     height={thumbImage.height}
-                    alt=""
+                    alt={title}
                   />
                 </Link>
               </Styled.BlogListImageWrapper>

diff --git a/components/Blog/FeaturedBlog.tsx b/components/Blog/FeaturedBlog.tsx
@@ -26,10 +26,11 @@ export default function FeaturedBlog({
         {thumbImage && (
           <Link href={`blog/${url}`}>
             <Image
+              priority
               src={thumbImage.src}
               width={thumbImage.width}
               height={thumbImage.height}
-              alt=""
+              alt={title}
             />
           </Link>
         )}