From c3e12aa2509d364f7a537d267e41e1f4106b107b Mon Sep 17 00:00:00 2001
From: Stepan Usatiuk <stepanusatiuk@gmail.com>
Date: Thu, 15 Oct 2020 15:02:06 +0300
Subject: [PATCH] lazyload images

---
 frontend/src/Photos/PhotoCard.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Photos/PhotoCard.tsx b/frontend/src/Photos/PhotoCard.tsx
index c076188..0f03f35 100644
--- a/frontend/src/Photos/PhotoCard.tsx
+++ b/frontend/src/Photos/PhotoCard.tsx
@@ -54,7 +54,10 @@ export class PhotoCardComponent extends React.PureComponent<
             */
             >
                 {fileExists ? (
-                    <img src={getPhotoThumbPath(this.props.photo, 512)}></img>
+                    <img
+                        loading="lazy"
+                        src={getPhotoThumbPath(this.props.photo, 512)}
+                    ></img>
                 ) : (
                     <Spinner />
                 )}