diff --git a/docs/src/routes/_layout.svelte b/docs/src/routes/_layout.svelte
index 7d7b5c3e..c0a5835b 100644
--- a/docs/src/routes/_layout.svelte
+++ b/docs/src/routes/_layout.svelte
@@ -64,6 +64,7 @@
       <SideNavLink
         text="Getting Started"
         href="getting-started"
+        rel="prefetch"
         isSelected={segment === 'getting-started'} />
       <SideNavMenu
         text="Components"
@@ -72,10 +73,12 @@
         <SideNavMenuItem
           text="Index"
           href="components"
+          rel="prefetch"
           isSelected={segment === 'components' && $tail && $tail.slug === 'index'} />
         <SideNavMenuItem
           text="Button"
           href="components/button"
+          rel="prefetch"
           isSelected={segment === 'components' && $tail && $tail.slug === 'button'} />
       </SideNavMenu>
     </SideNavItems>
diff --git a/docs/webpack.config.js b/docs/webpack.config.js
index 179e613e..bcf50e9e 100644
--- a/docs/webpack.config.js
+++ b/docs/webpack.config.js
@@ -21,7 +21,12 @@ module.exports = {
           test: /\.(svelte|html)$/,
           use: {
             loader: "svelte-loader",
-            options: { dev, hydratable: true, hotReload: false },
+            options: {
+              dev,
+              immutable: true,
+              hydratable: true,
+              hotReload: false,
+            },
           },
         },
       ],