diff --git a/templates/base.html b/templates/base.html
index 9375550..b78cd2a 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,6 +1,32 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
+        <script type="speculationrules">
+        {"prefetch":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/accounts/logout/"}}]}}],"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/accounts/logout/"}}]},"eagerness":"eager"}]}
+        </script>
+        <script>
+        if (!HTMLScriptElement.supports || !HTMLScriptElement.supports('speculationrules')) {
+            const preloadedUrls = {};
+
+            function pointerenterHandler () {
+            if (!preloadedUrls[this.href]) {
+                preloadedUrls[this.href] = true;
+
+                const prefetcher = document.createElement('link');
+
+                prefetcher.as = prefetcher.relList.supports('prefetch') ? 'document' : 'fetch';
+                prefetcher.rel = prefetcher.relList.supports('prefetch') ? 'prefetch' : 'preload';
+                prefetcher.href = this.href;
+
+                document.head.appendChild(prefetcher);
+            }
+            }
+
+            document.querySelectorAll('a[href^="/"]').forEach(item => {
+            item.addEventListener('pointerenter', pointerenterHandler);
+            });
+        }
+        </script>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description"
