From 425250162054f2584e4b28e275fbd6646496dad6 Mon Sep 17 00:00:00 2001
From: Jake Howard <RealOrangeOne@users.noreply.github.com>
Date: Fri, 4 Feb 2022 11:38:56 +0000
Subject: [PATCH] Add lazy loading and decoding to images (#591)

The lazy loading will work in addition to any already being done, rather
than conflicting with it.

Co-authored-by: Daniel James Smith <djsmith@web.de>
---
 angular/src/components/icon.component.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/angular/src/components/icon.component.html b/angular/src/components/icon.component.html
index a8e4ac9f6d..27182fbb8a 100644
--- a/angular/src/components/icon.component.html
+++ b/angular/src/components/icon.component.html
@@ -1,4 +1,11 @@
 <div class="icon" aria-hidden="true">
-  <img [src]="image" appFallbackSrc="{{ fallbackImage }}" *ngIf="imageEnabled && image" alt="" />
+  <img
+    [src]="image"
+    appFallbackSrc="{{ fallbackImage }}"
+    *ngIf="imageEnabled && image"
+    alt=""
+    decoding="async"
+    loading="lazy"
+  />
   <i class="bwi bwi-fw bwi-lg {{ icon }}" *ngIf="!imageEnabled || !image"></i>
 </div>