[develop | DONE | CHANGED]: funders.component.html: Added loading="lazy" on images (<img> elements).

explore/src/app/funders/funders.component.html

@@ -142,9 +142,9 @@
                   <div class="uk-card-body">
                     <!-- funder logo  -->
                     <div class="uk-card-media-top uk-margin-medium-top uk-padding-large uk-padding-remove-vertical uk-flex uk-flex-center uk-flex-middle uk-height-xsmall">
-                      <img *ngIf="funder.logoUrl; else elseBlock" [src]="funder | logoUrl" [alt]="funder.name + ' logo'" class="uk-height-max-xsmall uk-blend-multiply">
+                      <img *ngIf="funder.logoUrl; else elseBlock" [src]="funder | logoUrl" [alt]="funder.name + ' logo'" class="uk-height-max-xsmall uk-blend-multiply" loading="lazy">
                       <ng-template #elseBlock>
-                        <img src="assets/common-assets/placeholder.png" alt="OpenAIRE placeholder logo" class="uk-height-max-xsmall uk-blend-multiply">
+                        <img src="assets/common-assets/placeholder.png" alt="OpenAIRE placeholder logo" class="uk-height-max-xsmall uk-blend-multiply" loading="lazy">
                       </ng-template>
                     </div>
                     <!-- funder alias -->
@@ -168,7 +168,7 @@
                           target="_blank" [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'monitor.openaire.eu/dashboard/'+funder.alias">
                           <span class="uk-flex uk-flex-middle">
                             <img src="assets/common-assets/common/Symbol.png" alt="OpenAIRE logo"
-                              class="uk-margin-xsmall-right" style="width: 17px; height: 17px;">
+                              class="uk-margin-xsmall-right" style="width: 17px; height: 17px;" loading="lazy">
                             <span class="monitor-dashboard-link uk-text-uppercase">Monitor Dashboard</span>
                           </span>
                         </a>
@@ -176,7 +176,7 @@
                         <span *ngIf="funder.monitorDashboard && funder.monitorDashboardStatus == 'RESTRICTED'"
                           class="uk-flex uk-flex-middle">
                           <img src="assets/common-assets/common/Symbol.png" alt="OpenAIRE logo"
-                            class="uk-margin-xsmall-right" style="width: 17px; height: 17px;">
+                            class="uk-margin-xsmall-right" style="width: 17px; height: 17px;" loading="lazy">
                           <span class="monitor-dashboard-link uk-text-uppercase uk-text-bold uk-text-small">Monitor Dashboard</span>
                           <icon class="uk-margin-xsmall-left" name="closed_access" [flex]="true" [ratio]="1"></icon>
                         </span>
@@ -211,9 +211,9 @@
                   <div class="uk-grid uk-grid-divider uk-grid-small" uk-grid>
                     <div class="uk-width-expand uk-flex uk-flex-middle">
                       <div class="uk-width-1-6 uk-flex uk-flex-middle uk-flex-center">
-                        <img *ngIf="funder.logoUrl; else elseBlock" [src]="funder | logoUrl" [alt]="funder.name + ' logo'" class="uk-height-max-xsmall uk-blend-multiply">
+                        <img *ngIf="funder.logoUrl; else elseBlock" [src]="funder | logoUrl" [alt]="funder.name + ' logo'" class="uk-height-max-xsmall uk-blend-multiply" loading="lazy">
                         <ng-template #elseBlock>
-                          <img src="assets/common-assets/placeholder.png" alt="OpenAIRE placeholder logo" class="uk-height-max-xsmall uk-blend-multiply">
+                          <img src="assets/common-assets/placeholder.png" alt="OpenAIRE placeholder logo" class="uk-height-max-xsmall uk-blend-multiply" loading="lazy">
                         </ng-template>
                       </div>
                       <div class="uk-width-expand uk-margin-medium-left">
@@ -234,14 +234,14 @@
                               target="_blank" [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'monitor.openaire.eu/dashboard/'+funder.alias">
                               <span class="uk-flex uk-flex-middle">
                                 <img src="assets/common-assets/common/Symbol.png" alt="OpenAIRE logo"
-                                  class="uk-margin-xsmall-right" style="width: 17px; height: 17px;">
+                                  class="uk-margin-xsmall-right" style="width: 17px; height: 17px;" loading="lazy">
                                 <span class="monitor-dashboard-link uk-text-uppercase">Monitor Dashboard</span>
                               </span>
                             </a>
                             <span *ngIf="funder.monitorDashboard && funder.monitorDashboardStatus == 'RESTRICTED'"
                               class="uk-flex uk-flex-middle">
                               <img src="assets/common-assets/common/Symbol.png" alt="OpenAIRE logo"
-                                class="uk-margin-xsmall-right" style="width: 17px; height: 17px;">
+                                class="uk-margin-xsmall-right" style="width: 17px; height: 17px;" loading="lazy">
                               <span class="monitor-dashboard-link uk-text-uppercase uk-text-bold uk-text-small">Monitor Dashboard</span>
                               <icon class="uk-margin-xsmall-left" name="closed_access" [flex]="true" [ratio]="1"></icon>
                             </span>