preload/defer tweaks

.github/workflows/ci.yml

@@ -144,7 +144,7 @@ jobs:
           name: dist-ubuntu-latest-18
           path: dist.zip
       - name: unzip artifact
-        run: unzip ./dist.zip
+        run: unzip dist.zip
       - name: Deploy to S3
         run: npm run deploy:s3
         env:

src/components/ThemeSwitch/index.astro

@@ -20,4 +20,4 @@ import styles from './index.module.css'
 </div>
 
 <!-- ./theme.cjs is symlinked to public/theme.js before build -->
-<script is:inline src="/theme.js"></script>
+<script is:inline src="/theme.js" defer></script>

src/components/layouts/Base/Head.astro

@@ -105,7 +105,11 @@ const faviconSvg = await getImage({ src: faviconSvgSrc, format: 'svg' })
   {
     typekitID && (
       <>
-        <link rel="preconnect" href="https://use.typekit.net" />
+        <link
+          rel="preload"
+          as="style"
+          href={`https://use.typekit.net/${typekitID}.css`}
+        />
         <link rel="preconnect" href="https://p.typekit.net" />
         <link
           rel="stylesheet"