perf(image): add image lazy loading in markdown

Signed-off-by: Innei <i@innei.in>
RSSNext · Oct 19, 2024 · dd71a3a · dd71a3a
1 parent fa027f8
commit dd71a3a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/apps/renderer/src/components/ui/markdown/renderers/BlockImage.tsx b/apps/renderer/src/components/ui/markdown/renderers/BlockImage.tsx
@@ -26,6 +26,7 @@ export const MarkdownBlockImage = (
     <Media
       type="photo"
       {...props}
+      loading="lazy"
       src={src}
       height={media?.height || props.height}
       width={media?.width || props.width}

diff --git a/apps/renderer/src/components/ui/markdown/renderers/InlineImage.tsx b/apps/renderer/src/components/ui/markdown/renderers/InlineImage.tsx
@@ -18,6 +18,7 @@ export const MarkdownInlineImage = (
     <Media
       type="photo"
       {...props}
+      loading="lazy"
       src={populatedUrl}
       mediaContainerClassName={cn("inline max-w-full rounded-md")}
       popper