Eliminate google font style link to prevent render-blocking

2026-08-14 07:33:07 +08:00 · 2022-09-17 14:26:35 +06:30
parent 35f0381b08
commit 3a34456655
1 changed files with 3 additions and 1 deletions
@@ -51,8 +51,10 @@ const socialImageURL = new URL(ogImage, Astro.url.origin);
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
+      rel="preload"
      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap"
-      rel="stylesheet"
+      as="style"
+      onload="this.onload=null;this.rel='stylesheet'"
    />

    <script is:inline>