defer greeting scripts

Juliette Pretot · J · commit d8f0131bed4f · 2020-12-22T21:32:28.000Z
diff --git a/src/html.tsx b/src/html.tsx
@@ -51,7 +51,7 @@ const GREETING = `/*
 
 */`
 
-const CONSOLE_GREETING = "console.log('🟥🟥🟥🟥🟥🟥🟥\n🟧🟧🟧🟧🟧🟧🟧\n⬜️⬜️⬜️⬜️⬜️⬜️⬜️\n🌸🌸🌸🌸🌸🌸🌸\n🟪🟪🟪🟪🟪🟪🟪')"
+const CONSOLE_GREETING = "console.log('🟥🟥🟥🟥🟥🟥🟥\\n🟧🟧🟧🟧🟧🟧🟧\\n⬜️⬜️⬜️⬜️⬜️⬜️⬜️\\n🌸🌸🌸🌸🌸🌸🌸\\n🟪🟪🟪🟪🟪🟪🟪')"
 
 const HTML: React.FunctionComponent<{
   htmlAttributes: any
@@ -68,78 +68,78 @@ const HTML: React.FunctionComponent<{
   bodyAttributes,
   postBodyComponents
 }) => (
-  <html lang="en" {...htmlAttributes}>
-    <head>
-      <meta charSet="utf-8" />
-      <meta httpEquiv="x-ua-compatible" content="ie=edge" />
-      <title>Juliette Pretot</title>
-      <meta
-        name="description"
-        content="Creative, ambitious, and enterprising software engineer"
-      />
-      <meta
-        name="viewport"
-        content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
-      />
-      <link
-        rel="preload"
-        href={FONTS.regular}
-        as="font"
-        type="font/woff2"
-        crossOrigin="anonymous"
-      />
-      <link
-        rel="preload"
-        href={FONTS.bold}
-        as="font"
-        type="font/woff2"
-        crossOrigin="anonymous"
-      />
-      <link
-        rel="preload"
-        href={FONTS.sans}
-        as="font"
-        type="font/woff2"
-        crossOrigin="anonymous"
-      />
-      <meta name="theme-color" content="#101722" />
-      <link rel="manifest" href="/manifest.json" />
-      <meta name="apple-mobile-web-app-capable" content="yes" />
-      <meta
-        name="apple-mobile-web-app-status-bar-style"
-        content="black-translucent"
-      />
-      <link
-        rel="apple-touch-icon"
-        sizes="180x180"
-        href="/favicons/apple-touch-icon-180x180.png"
-      />
-      <link
-        rel="icon"
-        type="image/png"
-        sizes="32x32"
-        href="/favicons/favicon-32x32.png"
-      />
-      <link rel="shortcut icon" href="/favicons/favicon.ico" />
-      <style
-        dangerouslySetInnerHTML={{
-          __html: WEBFONTS
-        }}
-      />
-      <script
-        dangerouslySetInnerHTML={{
-          __html: GREETING
-        }}
-      />
-      {headComponents}
-    </head>
-    <body {...bodyAttributes}>
-      {preBodyComponents}
-      <div id="___gatsby" dangerouslySetInnerHTML={{ __html: body }} />
-      {postBodyComponents}
-    </body>
-    <script dangerouslySetInnerHTML={{ __html: CONSOLE_GREETING }} />
-  </html>
-)
+      <html lang="en" {...htmlAttributes}>
+        <head>
+          <meta charSet="utf-8" />
+          <meta httpEquiv="x-ua-compatible" content="ie=edge" />
+          <title>Juliette Pretot</title>
+          <meta
+            name="description"
+            content="Creative, ambitious, and enterprising software engineer"
+          />
+          <meta
+            name="viewport"
+            content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
+          />
+          <link
+            rel="preload"
+            href={FONTS.regular}
+            as="font"
+            type="font/woff2"
+            crossOrigin="anonymous"
+          />
+          <link
+            rel="preload"
+            href={FONTS.bold}
+            as="font"
+            type="font/woff2"
+            crossOrigin="anonymous"
+          />
+          <link
+            rel="preload"
+            href={FONTS.sans}
+            as="font"
+            type="font/woff2"
+            crossOrigin="anonymous"
+          />
+          <meta name="theme-color" content="#101722" />
+          <link rel="manifest" href="/manifest.json" />
+          <meta name="apple-mobile-web-app-capable" content="yes" />
+          <meta
+            name="apple-mobile-web-app-status-bar-style"
+            content="black-translucent"
+          />
+          <link
+            rel="apple-touch-icon"
+            sizes="180x180"
+            href="/favicons/apple-touch-icon-180x180.png"
+          />
+          <link
+            rel="icon"
+            type="image/png"
+            sizes="32x32"
+            href="/favicons/favicon-32x32.png"
+          />
+          <link rel="shortcut icon" href="/favicons/favicon.ico" />
+          <style
+            dangerouslySetInnerHTML={{
+              __html: WEBFONTS
+            }}
+          />
+          <script defer
+            dangerouslySetInnerHTML={{
+              __html: GREETING
+            }}
+          />
+          {headComponents}
+        </head>
+        <body {...bodyAttributes}>
+          {preBodyComponents}
+          <div id="___gatsby" dangerouslySetInnerHTML={{ __html: body }} />
+          {postBodyComponents}
+        </body>
+        <script defer dangerouslySetInnerHTML={{ __html: CONSOLE_GREETING }} />
+      </html>
+    )
 
 export default HTML
