From: Dessalines <dessalines@users.noreply.github.com>
Date: Mon, 23 Aug 2021 20:16:05 +0000 (-0400)
Subject: Add lazy loading of images. Fixes #329 (#379)
X-Git-Url: http://these/git/%7B%60/feeds/u/%24%7Bthis.state.username%7D.xml?a=commitdiff_plain;h=6a3bdaa85c1ce75b8045722927f3b2e936a9b1cf;p=lemmy-ui.git

Add lazy loading of images. Fixes #329 (#379)
---

diff --git a/src/shared/components/common/pictrs-image.tsx b/src/shared/components/common/pictrs-image.tsx
index 8526284..5c8abb9 100644
--- a/src/shared/components/common/pictrs-image.tsx
+++ b/src/shared/components/common/pictrs-image.tsx
@@ -27,6 +27,7 @@ export class PictrsImage extends Component<PictrsImageProps, any> {
         <img
           src={this.src("jpg")}
           alt={this.alt()}
+          loading="lazy"
           className={`
         ${!this.props.icon && !this.props.iconOverlay && "img-fluid "}
         ${