diff --git a/docs/layouts/partials/footer.html b/docs/layouts/partials/footer.html
index 441dd24f01..6241df143a 100644
--- a/docs/layouts/partials/footer.html
+++ b/docs/layouts/partials/footer.html
@@ -10,7 +10,7 @@
     <div class="row">
       <div class="col-8 py-3 order-sm-2 {{ $text_color }}">
         <a href="https://www.cncf.io/projects/pipecd/" target="_blank">
-          <img src="{{ $cncf_logo }}" alt="cncf logo" width="250">
+          <img src="{{ $cncf_logo }}" alt="cncf logo" width="250" loading="lazy">
           <div class="py-2 {{ $text_color }}">PipeCD is a Cloud Native Computing Foundation sandbox project.</div>
         </a>
       </div>
diff --git a/docs/layouts/partials/head.html b/docs/layouts/partials/head.html
index a33a25a0ec..26edeb6e6b 100644
--- a/docs/layouts/partials/head.html
+++ b/docs/layouts/partials/head.html
@@ -1,5 +1,8 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<!-- Preconnect to origins serving render-blocking assets in <head> to cut connection setup time -->
+<link rel="preconnect" href="https://code.jquery.com" crossorigin>
+<link rel="preconnect" href="https://unpkg.com" crossorigin>
 {{ hugo.Generator }}
 {{ if eq (getenv "HUGO_ENV") "production" }}
 <META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
@@ -31,10 +34,11 @@
   defer
   ></script>
 {{ end }}
-<script 
-  src="https://unpkg.com/medium-zoom@1.0.6/dist/medium-zoom.min.js" 
+<script
+  src="https://unpkg.com/medium-zoom@1.0.6/dist/medium-zoom.min.js"
   integrity="sha384-vXRaoKYMBDPb5PpsIJM2Vm00aBW5eV9iCza59Nhntsn7KSDO7q+1yQEQWoLpYmaf"
   crossorigin="anonymous"
+  defer
   ></script>
 <meta name="google-site-verification" content="eyAD8gRYGv-Uw5nHkjGFPtdbi3LpbjFF4hiFw_UpikY" />
 {{ partial "hooks/head-end.html" . }}
