From be87c094de536285569388ad5626da834a52dad1 Mon Sep 17 00:00:00 2001
From: Yukai Gu <yukaig1@uci.edu>
Date: Mon, 22 Apr 2024 01:25:31 -0700
Subject: [PATCH 1/4] Update unnecessary stylesheet from blocking render

---
 apps/antalmanac/index.html        | 12 ++++++++----
 apps/antalmanac/public/index.html | 12 ++++++++----
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/apps/antalmanac/index.html b/apps/antalmanac/index.html
index 427f5979e..28a638bf1 100644
--- a/apps/antalmanac/index.html
+++ b/apps/antalmanac/index.html
@@ -48,17 +48,21 @@
 
         <link rel="manifest" href="/manifest.json" />
         <link rel="shortcut icon" href="/favicon.ico" />
-        <link rel="stylesheet" href="/google_font_roboto_300_400_500_700.css" />
+        <link rel="preload" href="/google_font_roboto_300_400_500_700.css" as="style" onload="this.rel='stylesheet'"/>
         <link
-            rel="stylesheet"
+            rel="preload"
             href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css"
             integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
             crossorigin=""
+            as="style"
+            onload="this.rel='stylesheet'"
         />
-        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
+        <link rel="preload" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" as="style" onload="this.rel='stylesheet'"/>
         <link
-            rel="stylesheet"
+            rel="preload"
             href="https://cdn.jsdelivr.net/npm/leaflet.locatecontrol/dist/L.Control.Locate.min.css"
+            as="style"
+            onload="this.rel='stylesheet'"
         />
 
         <!--
diff --git a/apps/antalmanac/public/index.html b/apps/antalmanac/public/index.html
index 8ba783009..9bc503b51 100644
--- a/apps/antalmanac/public/index.html
+++ b/apps/antalmanac/public/index.html
@@ -46,17 +46,21 @@
 
         <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
         <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
-        <link rel="stylesheet" href="%PUBLIC_URL%/google_font_roboto_300_400_500_700.css" />
+        <link rel="preload" href="/google_font_roboto_300_400_500_700.css" as="style" onload="this.rel='stylesheet'"/>
         <link
-            rel="stylesheet"
+            rel="preload"
             href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css"
             integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
             crossorigin=""
+            as="style"
+            onload="this.rel='stylesheet'"
         />
-        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
+        <link rel="preload" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" as="style" onload="this.rel='stylesheet'"/>
         <link
-            rel="stylesheet"
+            rel="preload"
             href="https://cdn.jsdelivr.net/npm/leaflet.locatecontrol/dist/L.Control.Locate.min.css"
+            as="style"
+            onload="this.rel='stylesheet'"
         />
 
         <!--

From 755b5209b8b7a9cfe6eec9dea527ce1e42a96347 Mon Sep 17 00:00:00 2001
From: Yukai Gu <yukaig1@uci.edu>
Date: Mon, 22 Apr 2024 01:51:44 -0700
Subject: [PATCH 2/4] preload LCP elements' img

---
 apps/antalmanac/index.html        | 1 +
 apps/antalmanac/public/index.html | 1 +
 2 files changed, 2 insertions(+)

diff --git a/apps/antalmanac/index.html b/apps/antalmanac/index.html
index 28a638bf1..817247704 100644
--- a/apps/antalmanac/index.html
+++ b/apps/antalmanac/index.html
@@ -46,6 +46,7 @@
         />
         <meta property="twitter:image" content="https://antalmanac.com/logo.png" />
 
+        <link rel="preload" href="https://user-images.githubusercontent.com/78244965/277567417-f9816b9d-ddda-4c0f-80f4-eeac92428612.gif" as="image">
         <link rel="manifest" href="/manifest.json" />
         <link rel="shortcut icon" href="/favicon.ico" />
         <link rel="preload" href="/google_font_roboto_300_400_500_700.css" as="style" onload="this.rel='stylesheet'"/>
diff --git a/apps/antalmanac/public/index.html b/apps/antalmanac/public/index.html
index 9bc503b51..6ce1ae794 100644
--- a/apps/antalmanac/public/index.html
+++ b/apps/antalmanac/public/index.html
@@ -44,6 +44,7 @@
         />
         <meta property="twitter:image" content="https://antalmanac.com/logo.png" />
 
+        <link rel="preload" href="https://user-images.githubusercontent.com/78244965/277567417-f9816b9d-ddda-4c0f-80f4-eeac92428612.gif" as="image">
         <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
         <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
         <link rel="preload" href="/google_font_roboto_300_400_500_700.css" as="style" onload="this.rel='stylesheet'"/>

From ea972ab4605a065edeb7535b7ba551575d866d8a Mon Sep 17 00:00:00 2001
From: Yukai Gu <yukaig1@uci.edu>
Date: Mon, 22 Apr 2024 02:11:32 -0700
Subject: [PATCH 3/4] preconnect to required origin

---
 apps/antalmanac/index.html        | 1 +
 apps/antalmanac/public/index.html | 1 +
 2 files changed, 2 insertions(+)

diff --git a/apps/antalmanac/index.html b/apps/antalmanac/index.html
index 817247704..7a3d0c61a 100644
--- a/apps/antalmanac/index.html
+++ b/apps/antalmanac/index.html
@@ -47,6 +47,7 @@
         <meta property="twitter:image" content="https://antalmanac.com/logo.png" />
 
         <link rel="preload" href="https://user-images.githubusercontent.com/78244965/277567417-f9816b9d-ddda-4c0f-80f4-eeac92428612.gif" as="image">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="use-credentials">
         <link rel="manifest" href="/manifest.json" />
         <link rel="shortcut icon" href="/favicon.ico" />
         <link rel="preload" href="/google_font_roboto_300_400_500_700.css" as="style" onload="this.rel='stylesheet'"/>
diff --git a/apps/antalmanac/public/index.html b/apps/antalmanac/public/index.html
index 6ce1ae794..6265f1200 100644
--- a/apps/antalmanac/public/index.html
+++ b/apps/antalmanac/public/index.html
@@ -45,6 +45,7 @@
         <meta property="twitter:image" content="https://antalmanac.com/logo.png" />
 
         <link rel="preload" href="https://user-images.githubusercontent.com/78244965/277567417-f9816b9d-ddda-4c0f-80f4-eeac92428612.gif" as="image">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="use-credentials">
         <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
         <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
         <link rel="preload" href="/google_font_roboto_300_400_500_700.css" as="style" onload="this.rel='stylesheet'"/>

From fe3b4fc94185a97a6f902c9eef992122fc54115b Mon Sep 17 00:00:00 2001
From: Yukai Gu <yukaig1@uci.edu>
Date: Mon, 22 Apr 2024 02:31:07 -0700
Subject: [PATCH 4/4] Ensure text remains visible during webfont load

---
 apps/antalmanac/public/google_font_roboto_300_400_500_700.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/apps/antalmanac/public/google_font_roboto_300_400_500_700.css b/apps/antalmanac/public/google_font_roboto_300_400_500_700.css
index 1562e2041..ce46cc2bb 100644
--- a/apps/antalmanac/public/google_font_roboto_300_400_500_700.css
+++ b/apps/antalmanac/public/google_font_roboto_300_400_500_700.css
@@ -125,6 +125,7 @@
         url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
         U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    font-display: swap;
 }
 /* cyrillic-ext */
 @font-face {
@@ -189,6 +190,7 @@
         url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
         U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    font-display: swap;
 }
 /* cyrillic-ext */
 @font-face {