From 18f29655bf1a6830b0bcf656a9752dcd22e8e6b2 Mon Sep 17 00:00:00 2001 From: SquidSpirit Date: Sat, 2 Aug 2025 15:26:49 +0800 Subject: [PATCH] BLOG-92 Fix improve google font loading efficiency (#111) ### Description Reference: https://web.dev/learn/performance/understanding-the-critical-path?utm_source=lighthouse&utm_medium=lr&hl=zh-tw#render-blocking_resources/ ### Package Changes _No response_ ### Screenshots _No response_ ### Reference Resolves #92 ### Checklist - [x] A milestone is set - [x] The related issuse has been linked to this branch Reviewed-on: https://git.squidspirit.com/squid/blog/pulls/111 Co-authored-by: SquidSpirit Co-committed-by: SquidSpirit --- frontend/src/app.html | 9 +++++++++ frontend/static/js/font-loader.js | 7 +++++++ 2 files changed, 16 insertions(+) create mode 100644 frontend/static/js/font-loader.js diff --git a/frontend/src/app.html b/frontend/src/app.html index 7c5dfb0..e9f1193 100644 --- a/frontend/src/app.html +++ b/frontend/src/app.html @@ -18,9 +18,18 @@ + + %sveltekit.head% diff --git a/frontend/static/js/font-loader.js b/frontend/static/js/font-loader.js new file mode 100644 index 0000000..2fbcf1f --- /dev/null +++ b/frontend/static/js/font-loader.js @@ -0,0 +1,7 @@ +// Defer loading of fonts to improve performance +window.addEventListener('load', function() { + const fontLink = document.getElementById('google-fonts'); + if (fontLink) { + fontLink.media = 'all'; + } +});