Bug 1859350 - Load moz-toggle.mjs asynchronously to avoid blocking DO…

…MContentLoaded. r=thecount Differential Revision: https://phabricator.services.mozilla.com/D193587
dothq · Nov 15, 2023 · 1dd1842 · 1dd1842
1 parent e1c9b7a
commit 1dd1842
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 1 deletion.
diff --git a/browser/components/newtab/bin/render-activity-stream-html.js b/browser/components/newtab/bin/render-activity-stream-html.js
@@ -94,6 +94,7 @@ function templateHTML(options) {
       options.noscripts ? "" : scriptRender
     }
     <script
+      async
       type="module"
       src="chrome://global/content/elements/moz-toggle.mjs"
     ></script>

diff --git a/browser/components/newtab/data/content/abouthomecache/page.html.template b/browser/components/newtab/data/content/abouthomecache/page.html.template
@@ -41,6 +41,6 @@
     </div>
     <div id="footer-asrouter-container" role="presentation"></div>
     <script src="about:home?jscache"></script>
-    <script type="module" src="chrome://global/content/elements/moz-toggle.mjs"></script>
+    <script async type="module" src="chrome://global/content/elements/moz-toggle.mjs"></script>
   </body>
 </html>
diff --git a/browser/components/newtab/prerendered/activity-stream-debug.html b/browser/components/newtab/prerendered/activity-stream-debug.html
@@ -48,6 +48,7 @@
     <script src="resource://activity-stream/data/content/activity-stream.bundle.js"></script>
     <script src="resource://activity-stream/data/content/newtab-render.js"></script>
     <script
+      async
       type="module"
       src="chrome://global/content/elements/moz-toggle.mjs"
     ></script>

diff --git a/browser/components/newtab/prerendered/activity-stream-noscripts.html b/browser/components/newtab/prerendered/activity-stream-noscripts.html
@@ -37,6 +37,7 @@
     <div id="root"></div>
     <div id="footer-asrouter-container" role="presentation"></div>
     <script
+      async
       type="module"
       src="chrome://global/content/elements/moz-toggle.mjs"
     ></script>

diff --git a/browser/components/newtab/prerendered/activity-stream.html b/browser/components/newtab/prerendered/activity-stream.html
@@ -48,6 +48,7 @@
     <script src="resource://activity-stream/data/content/activity-stream.bundle.js"></script>
     <script src="resource://activity-stream/data/content/newtab-render.js"></script>
     <script
+      async
       type="module"
       src="chrome://global/content/elements/moz-toggle.mjs"
     ></script>