From 63f70606018c12b9d22a0dc28470f22d7110170e Mon Sep 17 00:00:00 2001 From: Dushyant Acharya Date: Mon, 22 Jun 2026 01:49:55 +0530 Subject: [PATCH] perf(frontend): add lazy loading and dynamic alt text to ImageCard - Added loading="lazy" to the image tag inside ImageCard to prevent eager loading of off-screen media. - Replaced hardcoded 'Sample Title' alt text with dynamic filename falling back to 'Image'. --- frontend/src/components/Media/ImageCard.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/frontend/src/components/Media/ImageCard.tsx b/frontend/src/components/Media/ImageCard.tsx index 0cc6a715a..68a94e426 100644 --- a/frontend/src/components/Media/ImageCard.tsx +++ b/frontend/src/components/Media/ImageCard.tsx @@ -58,7 +58,10 @@ export function ImageCard({ src={convertFileSrc( image.thumbnailPath || image.path || '/placeholder.svg', )} - alt={'Sample Title'} + alt={ + image.metadata?.name || image.path.split(/[/\\]/).pop() || 'Image' + } + loading="lazy" className={cn( 'h-full w-full object-cover transition-transform group-hover:scale-105', isSelected ? 'opacity-95' : '',