diff --git a/src/client/page/reader/reader.tsx b/src/client/page/reader/reader.tsx
index 992f849..e5201a1 100644
--- a/src/client/page/reader/reader.tsx
+++ b/src/client/page/reader/reader.tsx
@@ -22,10 +22,14 @@ export const getPresenter = (content:Document):PagePresenter => {
     return ()=><Typography variant='h2'>Not implemented reader</Typography>;
 }
 
-export const ThumbnailContainer = (props:{content:Document, className?:string, style?:React.CSSProperties})=>{
+export function ThumbnailContainer(props:{
+    content:Document,
+    className?:string,
+    style?:React.CSSProperties,
+}){
     const thumbnailurl = makeThumbnailUrl(props.content);
     if(props.content.content_type === "video"){
         return (<video src={thumbnailurl} muted autoPlay loop className={props.className} style={props.style}></video>)
     }
-    else return (<img src={thumbnailurl} className={props.className} style={props.style}></img>)
+    else return (<img src={thumbnailurl} className={props.className} style={props.style} loading="lazy"></img>)
 }
\ No newline at end of file