make feature image load without lazy

layouts/_default/single.html

@@ -37,9 +37,13 @@
           </div>
           {{ if .Params.image }}
                 <div class="featured-image">
+                  <!-- {{ with .Resources.GetMatch .Params.image }}
+                    <link rel="preload" as="image" href="{{ .RelPermalink }}">
+                  {{ end }} -->
                   {{ $img := .Resources.GetMatch .Params.image }}
-                  <!-- <img src="{{ $img }}" class="card-img-top" alt="{{ .Title }}" fetchpriority="high"> -->
+                  <!-- <link rel="preload" as="image" href="{{ .RelPermalink }}"> -->
-                  {{ partial "lazyimg" (dict "img" $img "class" "img-fluid mx-auto d-block" "alt" .Title) }}                
+                  <img src="{{ $img }}" class="card-img-top" alt="{{ .Title }}" fetchpriority="high">
+                  <!-- {{ partial "lazyimg" (dict "img" $img "class" "img-fluid mx-auto d-block" "alt" .Title) }}                 -->
                 </div>
           {{ end }}
           <article class="page-content  p-2">

layouts/partials/head.html

@@ -6,21 +6,8 @@
 <link rel="icon" href={{ .Site.Params.favicon | default "/fav.png" }} type="image/gif">
 <link rel="apple-touch-icon" href="/fav.png">
 
-<!-- Fonts -->
+<link rel="stylesheet" href="/css/fonts.css" media="print" onload="this.media='all'">
-<link rel="preconnect" href="https://fonts.googleapis.com">
+<noscript><link rel="stylesheet" href="/css/fonts.css"></noscript>
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<!-- <link rel="preload"
-      as="style"
-      href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
-> -->
-<link rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
-      media="print" onload="this.media='all'" />
-<noscript>
-  <link
-          href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
-          rel="stylesheet">
-</noscript>
 
 <!-- Internal templates -->
 {{ template "_internal/google_analytics.html" . }}
@@ -45,7 +32,7 @@
 {{ $JS := resources.Match "js/**.js" }}
 {{ $ConcatenatedJS := $JS | resources.Concat "js/scripts.js" }}
 {{ $scriptJS := $ConcatenatedJS | js.Build (dict "minify" true "sourcemap" "external" "target" "es2015" "keepNames" true) | resources.Fingerprint }}
-<script src="{{ $scriptJS.Permalink }}" integrity="{{ $scriptJS.Data.Integrity }}" async></script>
+<script src="{{ $scriptJS.Permalink }}" integrity="{{ $scriptJS.Data.Integrity }}" defer></script>
 
 {{ partial "lazyimg-setup" }}