diff --git a/packages/theme/src/cli/utilities/theme-environment/hot-reload/server.ts b/packages/theme/src/cli/utilities/theme-environment/hot-reload/server.ts
index de256067be..e867eac36b 100644
--- a/packages/theme/src/cli/utilities/theme-environment/hot-reload/server.ts
+++ b/packages/theme/src/cli/utilities/theme-environment/hot-reload/server.ts
@@ -382,7 +382,10 @@ export function handleHotReloadScriptInjection(html: string, ctx: DevServerConte
   }
 
   // Inject the HotReload script in the HTML Head
-  return html.replace(/<\/head>/, `<script id="${hotReloadScriptId}" src="${hotReloadScriptUrl}"></script></head>`)
+  return html.replace(
+    /<\/head>/,
+    `<script id="${hotReloadScriptId}" src="${hotReloadScriptUrl}" defer></script></head>`,
+  )
 }
 
 function isAsset(key: string) {