Merge pull request #13883 from ethereum/home-lazy-img

Home page: lazy load images

Author: wackerow

src/pages/index.tsx

@@ -601,7 +601,7 @@ const HomePage = ({
               <Card key={title} href={link}>
                 <CardBanner>
                   {/* eslint-disable-next-line @next/next/no-img-element */}
-                  <img src={imgSrc} alt="" />
+                  <img src={imgSrc} alt="" loading="lazy" />
                 </CardBanner>
                 <CardContent>
                   <CardTitle>{title}</CardTitle>
@@ -667,6 +667,7 @@ const HomePage = ({
                           src={imageUrl}
                           alt=""
                           className="max-w-full object-cover object-center"
+                          loading="lazy"
                         />
                       ) : (
                         <TwImage src={EventFallback} alt="" />