Merge pull request #178 from 1Copenut/chore/perf-experiments

[CHORE] Run performance experiments based on WebPageSpeedTest results
1Copenut · Jan 3, 2024 · 021eaff · 021eaff
2 parents 0e4beff + 3297593
commit 021eaff
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 24 deletions.
diff --git a/src/_copied/css/bitter.css b/src/_copied/css/bitter.css
@@ -1,15 +1,17 @@
-@font-face{
-  font-family: 'Bitter';
-  font-style: normal;
+@font-face {
+  font-family: "Bitter";
+  font-display: swap;
   font-stretch: normal;
+  font-style: normal;
   font-variation-settings: "wght" var(--font-weight-normal);
-  src: url('../fonts/Bitter.ttf') format('truetype');
+  src: url("../fonts/Bitter.ttf") format("truetype");
 }
 
-@font-face{
-  font-family: 'Bitter';
-  font-style: italic;
+@font-face {
+  font-family: "Bitter";
+  font-display: swap;
   font-stretch: normal;
+  font-style: italic;
   font-variation-settings: "wght" var(--font-weight-balanced);
-  src: url('../fonts/Bitter-Italic.ttf') format('truetype');
+  src: url("../fonts/Bitter-Italic.ttf") format("truetype");
 }
diff --git a/src/_copied/css/figtree.css b/src/_copied/css/figtree.css
@@ -11,9 +11,9 @@
 /* extra bold:    800 */
 /* black:         900 */
 @font-face {
-  font-family: 'Fig Tree';
-  font-style: normal;
+  font-family: "Fig Tree";
   font-display: swap;
+  font-style: normal;
   font-variation-settings: "wght" var(--font-weight-bold);
-  src:  url('../fonts/Figtree.woff2') format('woff2');
+  src: url("../fonts/Figtree.woff2") format("woff2");
 }
diff --git a/src/_includes/layouts/partials/_header.njk b/src/_includes/layouts/partials/_header.njk
@@ -4,20 +4,20 @@
       <source
         media="(min-width: 80rem)"
         srcset="/images/backgrounds/large-header.jpg, /images/backgrounds/[email protected] 2x"
-      />
+/>
       <source
         media="(min-width: 64rem)"
         srcset="/images/backgrounds/mid-header.jpg, /images/backgrounds/[email protected] 2x"
-      />
+/>
       <source
         media="(min-width: 48rem)"
         srcset="/images/backgrounds/tablet-header.jpg, /images/backgrounds/[email protected] 2x"
-      />
+/>
       <source
         media="(min-width: 20rem)"
         srcset="/images/backgrounds/mobile-header.jpg, /images/backgrounds/[email protected] 2x"
-      />
-      <img src="/images/backgrounds/mobile-header.jpg" alt="" />
+/>
+      <img src="/images/backgrounds/mobile-header.jpg" height="375px" width="100px" alt=""/>
     </picture>
   </div>
   <div class="content__layout content__layout--header-text">

diff --git a/src/_includes/layouts/partials/head/_head.njk b/src/_includes/layouts/partials/head/_head.njk
@@ -1,21 +1,21 @@
 {% set canonical = config.url + page.url %}
 
 <head>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8"/>
   {% if pageDescription %}
-    <meta name="description" content="{{ pageDescription }}" />
+    <meta name="description" content="{{ pageDescription }}"/>
   {% else %}
-    <meta name="description" content="{{ config.globalDescription }}" />
+    <meta name="description" content="{{ config.globalDescription }}"/>
   {% endif %}
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   <title>{{ title }}</title>
   {% if '/posts' in page.url %}
     {% include "layouts/partials/head/_postsSeoFB.njk" %}
   {% else %}
     {% include "layouts/partials/head/_seoFB.njk" %}
   {% endif %}
   {% include "layouts/partials/head/_wellKnown.njk" %}
-  <link rel="canonical" href="{{ canonical }}" />
+  <link rel="canonical" href="{{ canonical }}"/>
   {% include "layouts/partials/head/_seo.njk" %}
   {% if config.environment === 'production' %}
     {% include "layouts/partials/head/_sentry.njk" %}

diff --git a/src/_includes/layouts/partials/head/_sentry.njk b/src/_includes/layouts/partials/head/_sentry.njk
@@ -1,2 +1,2 @@
 <!-- Sentry.njk -->
-<script src="{{config.sentryScriptURL}}" crossorigin="anonymous" nonce="{{config.nonceSecret}}"></script>
+<script src="{{config.sentryScriptURL}}" crossorigin="anonymous" nonce="{{config.nonceSecret}}" defer></script>
diff --git a/src/_includes/layouts/partials/head/_turnstile.njk b/src/_includes/layouts/partials/head/_turnstile.njk
@@ -1 +1 @@
-<script src="{{ config.turnstileScriptURL }}" async defer nonce="{{ config.nonceSecret }}"></script>
+<script src="{{ config.turnstileScriptURL }}" nonce="{{ config.nonceSecret }}" async defer></script>
diff --git a/src/_includes/layouts/partials/head/_umami.njk b/src/_includes/layouts/partials/head/_umami.njk
@@ -1 +1 @@
-<script async src="{{config.umamiScriptURL}}" data-website-id="{{config.umamiDataWebsiteId}}" nonce="{{ config.nonceSecret }}"></script>
+<script async src="{{config.umamiScriptURL}}" data-website-id="{{config.umamiDataWebsiteId}}" nonce="{{ config.nonceSecret }}" defer></script>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<script src="{{ config.turnstileScriptURL }}" async defer nonce="{{ config.nonceSecret }}"></script>
		<script src="{{ config.turnstileScriptURL }}" nonce="{{ config.nonceSecret }}" async defer></script>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<script async src="{{config.umamiScriptURL}}" data-website-id="{{config.umamiDataWebsiteId}}" nonce="{{ config.nonceSecret }}"></script>
		<script async src="{{config.umamiScriptURL}}" data-website-id="{{config.umamiDataWebsiteId}}" nonce="{{ config.nonceSecret }}" defer></script>