Add async decoding to more images

layouts/_default/flickr.html

@@ -12,7 +12,7 @@
     <div id="light-gallery" class="row">
     {{ range $element := $photoset.photo }}
       <a href="{{ $element.url_k }}" title="{{ $element.title }}" class="col-md-2 col-xs-12">
-        <img src="{{ $element.url_q }}" alt="{{ $element.title }}" referrerpolicy="no-referrer"/>
+        <img src="{{ $element.url_q }}" alt="{{ $element.title }}" referrerpolicy="no-referrer" decoding="async" loading="lazy"/>
       </a>
     {{ end }}
     </div>

layouts/partials/content.html

@@ -10,7 +10,7 @@
     {{ .Scratch.Set "image" $unsplash_data.urls.regular }}
   {{ end }}
 
-  <img class="mb-3 header-image" src='{{ .Scratch.Get "image" }}' alt="" />
+  <img class="mb-3 header-image" src='{{ .Scratch.Get "image" }}' alt="" decoding="async" loading="lazy" referrerpolicy="no-referrer" />
 {{ end }}
 
 {{ partial "breadcrumbs/index.html" . }}

layouts/shortcodes/mermaid.html

@@ -3,7 +3,7 @@
 {{ $data := dict "code" .Inner "mermaid" $mermaidData }}
 
 <figure class="mermaid">
-  <img src="https://mermaid.ink/img/{{ $data | jsonify | base64Encode }}" referrerpolicy="no-referrer" />
+  <img src="https://mermaid.ink/img/{{ $data | jsonify | base64Encode }}" referrerpolicy="no-referrer" decoding="async" loading="lazy" />
   <figcaption class="text-center">
     <small>{{ .Get "caption" }}</small>
   </figcaption>