From ba45ff7299482ee8b66421055e7410192697d4ce Mon Sep 17 00:00:00 2001
From: Szepesi Tibor <sztibi023@gmail.com>
Date: Wed, 11 May 2022 16:05:01 +0200
Subject: [PATCH] feat: lazy load images (#1054)

---
 .../app/modules/shared/components/card/card.component.html    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/app/modules/shared/components/card/card.component.html b/apps/frontend/src/app/modules/shared/components/card/card.component.html
index ec43ef637..9ee01dede 100644
--- a/apps/frontend/src/app/modules/shared/components/card/card.component.html
+++ b/apps/frontend/src/app/modules/shared/components/card/card.component.html
@@ -1,13 +1,13 @@
 <a class="content" [ngStyle]="{ 'background-color': color }" [routerLink]="['/posts', post.id]">
   <article>
-    <img class="index-img" [src]="post.indexImage" [alt]="post.title" />
+    <img class="index-img" [src]="post.indexImage" [alt]="post.title" loading="lazy" />
     <div class="label-container">
       <verseghy-label *ngFor="let label of post.labels" [label]="label"></verseghy-label>
     </div>
     <h2 class="title">{{ post.title }}</h2>
     <p class="description" *ngIf="post.description">{{ post.description }}</p>
     <div class="bottom">
-      <img *ngIf="post.author.image" class="author-img" [src]="post.author.image" [alt]="post.author.name" />
+      <img *ngIf="post.author.image" class="author-img" [src]="post.author.image" [alt]="post.author.name" loading="lazy" />
       <p>{{ post.author.name }}</p>
       <time [dateTime]="formatDate(post.date)">{{ formatDate(post.date) }}</time>
     </div>