From 068c623e37824a859f4a8151b865ae9c7865d04b Mon Sep 17 00:00:00 2001 From: Julien Froidefond Date: Sun, 16 Feb 2025 21:42:09 +0100 Subject: [PATCH] feat: lazy on home image --- src/components/home/HeroSection.tsx | 4 ++-- src/components/home/MediaRow.tsx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/home/HeroSection.tsx b/src/components/home/HeroSection.tsx index d5581c5..92f7e25 100644 --- a/src/components/home/HeroSection.tsx +++ b/src/components/home/HeroSection.tsx @@ -64,8 +64,8 @@ function CoverImage({ series }: CoverImageProps) { imageLoading ? "opacity-0" : "opacity-100" )} sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 16.666vw" - priority={true} - loading="eager" + loading="lazy" + quality={25} onError={() => setImageError(true)} onLoad={() => setImageLoading(false)} /> diff --git a/src/components/home/MediaRow.tsx b/src/components/home/MediaRow.tsx index 3d62a91..f426ea4 100644 --- a/src/components/home/MediaRow.tsx +++ b/src/components/home/MediaRow.tsx @@ -119,8 +119,8 @@ function MediaCard({ item, onClick }: MediaCardProps) { imageLoading ? "opacity-0" : "opacity-100" )} sizes="200px" - priority={true} - loading="eager" + loading="lazy" + quality={50} onError={() => setImageError(true)} onLoad={() => setImageLoading(false)} />