diff --git a/assets/css/main.css b/assets/css/main.css
index ffdd9206f..cf6ea7722 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -639,7 +639,9 @@ html.dark {
   --friend-link-color: var(--fgColor-link);
   --friend-link-hover-color: var(--fgColor-link-hover);
   --sponsor-button-background-color: var(--button-default-bgColor-rest);
-  --sponsor-button-hover-background-color: var(--button-default-bgColor-hover);
+  --sponsor-button-hover-background-color: var(
+      --button-default-bgColor-hover
+    );
   --cookie-background-color: white;
   --code-color: #e5bf78;
   --code-background-color: #1b2029;
@@ -648,7 +650,9 @@ html.dark {
   /* TODO */
   --code-background-color-darken-6: #1a1d23;
   /* TODO */
-  --code-background-color-code-header: var(--code-background-color-darken-6);
+  --code-background-color-code-header: var(
+      --code-background-color-darken-6
+    );
   /* TODO */
   --code-background-color-code-hl: #1c2025;
   /* TODO */
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 46bd35a59..75197ba91 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -24,7 +24,13 @@
     {{- partial "head/seo.html" . -}}
 </head>
 
-<body>
+{{/*  
+    data-instant-intensity:
+        https://instant.page/intensity
+            By default, instant.page preloads 65 ms after hovering a link and when a mobile user starts touching their display. There are other options.
+            Preloading links as soon as they’re visible. On small mobile devices (such as smartphones) if you want your pages to be instant in more situations you can preload links as soon as they’re visible.
+*/}}
+<body data-instant-intensity="viewport" >
     {{- /* Check theme isDark before body rendering */ -}}
     {{- $theme := .Site.Params.defaulttheme -}}
     <script type="text/javascript">
@@ -92,6 +98,20 @@
 
     {{- /* Load JavaScript scripts and CSS */ -}}
     {{- partial "assets.html" . -}}
+
+    {{/*  Speculation Rules  */}}
+    {{/*  https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/speculationrules  */}}
+    <script type="speculationrules">
+        {
+          "prerender": [
+            {
+              "where": { "href_matches": "/*" },
+              "eagerness": "moderate"
+            }
+          ]
+        }
+    </script>
+      
 </body>
 
 </html>
diff --git a/layouts/partials/assets.html b/layouts/partials/assets.html
index e63509ff1..84f24f9a7 100644
--- a/layouts/partials/assets.html
+++ b/layouts/partials/assets.html
@@ -288,7 +288,14 @@
 {{/*  Instant page  */}}
 {{- if $params.instantpage.enable -}}
 {{- $js := resources.Get "/lib/instant.page/instantpage.min.js" -}}
-    <script src="{{ $js.RelPermalink }}" type="module"></script>
+    <script type="module">
+        (async () => {
+            const supportSpeculationRules = HTMLScriptElement.supports && HTMLScriptElement.supports("speculationrules");
+            if (!supportSpeculationRules) {
+              await import("{{ $js.RelPermalink | safeJS }}");
+            }
+        })();
+    </script>
 {{- end -}}
 
 {{- range (.Scratch.Get "this").style -}}
