diff --git a/themes/develop/include/head/js.twig b/themes/develop/include/head/js.twig
index e7c00fa..60c14c1 100755
--- a/themes/develop/include/head/js.twig
+++ b/themes/develop/include/head/js.twig
@@ -10,12 +10,17 @@
 {% endif %}
 
 <!-- Vite -->
+{# vite() の出力は <script type="module"> なので、仕様上すでに defer 相当（HTMLのパース完了後に実行）。
+   async を付けるとその defer が打ち消され、モジュールの読み込みが終わった時点で即実行されるため、
+   <body> の生成前に main.js が走ることがある。そうなると DOM を参照する処理が対象0件で空振りする
+   （Alpine の初期化警告、externalLinks による target/rel の付与漏れ）。
+   ダウンロードは modulepreload が先行するので、async を外しても取得は遅くならない。 #}
 {% if touch('Touch_NotAdmin') %}
-  {{ vite('src/js/main.js', { scriptTagAttributes: { async: true } }) }}
+  {{ vite('src/js/main.js') }}
 {% endif %}
 
 {% if touch('Touch_Admin') %}
-  {{ vite(['src/js/main.js', 'src/js/admin.js'], { scriptTagAttributes: { async: true } }) }}
+  {{ vite(['src/js/main.js', 'src/js/admin.js']) }}
 {% endif %}
 
 <script>
diff --git a/themes/develop/src/js/lib/build-in.js b/themes/develop/src/js/lib/build-in.js
index aed1fe4..6872248 100644
--- a/themes/develop/src/js/lib/build-in.js
+++ b/themes/develop/src/js/lib/build-in.js
@@ -41,19 +41,21 @@ const linkMatchLocation = (context) => {
  * @param {Document | Element} context
  */
 const externalLinks = (context) => {
-  const selector = 'a:not([target]):not([href^="javascript"]):not([href^="tel"])';
-  const targets = context.querySelectorAll(selector);
-  const innerlinkPtn = new RegExp(`${window.location.hostname}(:\\d+)*`);
-  [].forEach.call(targets, (target) => {
-    const href = target.getAttribute('href');
-    if (innerlinkPtn.exec(href)) {
-      return;
-    }
-    if (!/^(https?)?:/.test(href)) {
-      return;
-    }
-    target.setAttribute('target', '_blank');
-    target.setAttribute('rel', 'noopener noreferrer');
+  domContentLoaded(() => {
+    const selector = 'a:not([target]):not([href^="javascript"]):not([href^="tel"])';
+    const targets = context.querySelectorAll(selector);
+    const innerlinkPtn = new RegExp(`${window.location.hostname}(:\\d+)*`);
+    [].forEach.call(targets, (target) => {
+      const href = target.getAttribute('href');
+      if (innerlinkPtn.exec(href)) {
+        return;
+      }
+      if (!/^(https?)?:/.test(href)) {
+        return;
+      }
+      target.setAttribute('target', '_blank');
+      target.setAttribute('rel', 'noopener noreferrer');
+    });
   });
 };
 
