[Website] add lazy loading attr to images apache#24250

akvelon · Nov 18, 2022 · be346e6 · be346e6
1 parent 2fc56ec
commit be346e6
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/website/www/site/layouts/case-studies/list.html b/website/www/site/layouts/case-studies/list.html
@@ -20,7 +20,7 @@ <h1>Case Studies</h1>
         {{ range where $pages "Params.category" "study" }}
         <div class="case-study-card">
             <div class="case-study-card-img">
-                <img src="{{.Params.icon}}"></i>
+                <img src="{{.Params.icon}}" loading="lazy"></i>
             </div>
             <h3 class="case-study-card-title">{{ .Params.cardTitle }}</h3>
             <p class="case-study-card-description">{{ .Params.cardDescription }}</p>
@@ -57,13 +57,13 @@ <h2 class="case-study-h2">Also used by</h2>
             {{ if .Params.hasLink }}
             <a class="case-study-used-by-card--responsive case-study-used-by-card case-study-used-by-card--with-link" href="{{ .Params.hasLink }}" target="_blank" rel="noopener noreferrer">
                 <div class="case-study-used-by-card-img">
-                    <img src="{{.Params.icon}}"></i>
+                    <img src="{{.Params.icon}}" loading="lazy"></i>
                 </div>
             </a>
             {{ else }}
             <div class="case-study-used-by-card case-study-used-by-card--responsive">
                 <div class="case-study-used-by-card-img">
-                    <img src="{{.Params.icon}}"></i>
+                    <img src="{{.Params.icon}}" loading="lazy"></i>
                 </div>
                 <div class="case-study-used-by-card-description">
                     {{ .Params.cardDescription | safeHTML }}