Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 11:29:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: preload font and load theme script asynchronously (#380)

Browse Source 
Improve page performance by preloading the font with
`as="style"` and loading the theme script asynchronously.
This commit is contained in:
Sat Naing
2024-09-16 21:28:51 +07:00
committed by GitHub
parent 1a19eb5026
commit cbbb3eb1e1
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/Layout.astro
+5 -2
View File
@@ -112,7 +112,10 @@ const structuredData = {
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link <link
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap"
rel="stylesheet" rel="preload"
as="style"
onload="this.onload=null; this.rel='stylesheet';"
crossorigin
/> />
<meta name="theme-color" content="" /> <meta name="theme-color" content="" />
@@ -131,7 +134,7 @@ const structuredData = {
<ViewTransitions /> <ViewTransitions />
<script is:inline src="/toggle-theme.js"></script> <script is:inline src="/toggle-theme.js" async></script>
</head> </head>
<body> <body>
<slot /> <slot />