From 45b7d42d385e247ac7a4704128ae37d9d13f9ecd Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 15 Dec 2022 14:19:48 +0800
Subject: [PATCH] Add lazy loading to all images

---
 src/components/status.jsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/status.jsx b/src/components/status.jsx
index d3424fda..03f0e76a 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -81,6 +81,7 @@ function Media({ media, showOriginal, onClick }) {
           alt={description}
           width={width}
           height={height}
+          loading="lazy"
           style={
             !showOriginal && {
               backgroundColor:
@@ -163,6 +164,7 @@ function Media({ media, showOriginal, onClick }) {
             alt={description}
             width={width}
             height={height}
+            loading="lazy"
           />
         )}
       </div>
@@ -215,6 +217,7 @@ function Card({ card }) {
           src={image}
           width={width}
           height={height}
+          loading="lazy"
           alt=""
           onError={() => {
             this.style.display = 'none';
@@ -245,6 +248,7 @@ function Card({ card }) {
           width={width}
           height={height}
           alt={title || description}
+          loading="lazy"
           style={{
             height: 'auto',
             aspectRatio: `${width}/${height}`,