From 85f6ce6fb6951a04655f702338809d289796fc09 Mon Sep 17 00:00:00 2001
From: Eric Hwang <ericyhwang@users.noreply.github.com>
Date: Wed, 17 May 2023 15:40:35 -0700
Subject: [PATCH] Write async script tags in initial page render (#21)

`<script async>` tags can be downloaded in parallel, speeding up page initialization.

I tested that Webpack and Derby load fine regardless of what order scripts finish downloading in. It works even when the Webpack runtime script finishes its download last.
---
 lib/plugin.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/plugin.js b/lib/plugin.js
index 4b6e7b3..784916b 100644
--- a/lib/plugin.js
+++ b/lib/plugin.js
@@ -92,7 +92,7 @@ function pluginForAppInstance(app) {
     }
     const scriptTags = assets.map(assetUrlPath => {
       const scriptUrl = scriptBaseUrl + assetUrlPath;
-      return `<script ${scriptCrossOrigin ? 'crossorigin ' : ''}src="${scriptUrl}" type="text/javascript"></script>`
+      return `<script async ${scriptCrossOrigin ? 'crossorigin ' : ''}src="${scriptUrl}" type="text/javascript"></script>`
     }).join('\n');
     page.res.write(scriptTags);
   });