paku/website
1
0
Fork 0
Code Issues4 Pull requests Projects Releases Packages Wiki Activity Actions

Optimize loading Google Fonts

Browse source
This commit is contained in:
Akira Tempaku 2025-05-20 09:25:17 +09:00
parent 72355f3053
commit 8c040b0187
Signed by: paku
GPG key ID: 5B4E8402BCC50607
1 changed files with 8 additions and 1 deletions

9
src/components/scripts.lisp
View file

@ -4,6 +4,9 @@
(:export #:~scripts))
(in-package #:website/components/scripts)
(defparameter *google-font-url*
"https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap")
(defun bust-cache (url)
(format nil "~a?v=~a" url #.(get-universal-time)))
@ -11,8 +14,12 @@
(hsx
(<>
(link :rel "stylesheet" :href (bust-cache "/style/dist.css"))
(link :rel "preconnect" :href "https://fonts.gstatic.com" :crossorigin t)
(link :rel "preconnect" :href "https://fonts.googleapis.com")
(link :rel "stylesheet" :href "https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap")
(link :rel "preload" :as "style" :fetchpriority "high" :href *google-font-url*)
(link :rel "stylesheet" :href *google-font-url* :media "print" :onload "this.media='all'")
(noscript
(link :rel "stylesheet" :href *google-font-url*))
(script :src "https://cdn.jsdelivr.net/npm/htmx.org@2.0.4/dist/htmx.min.js")
(script :src "https://cdn.jsdelivr.net/npm/htmx-ext-preload@2.1.1/dist/preload.min.js")
(script :src "https://cdn.jsdelivr.net/npm/htmx-ext-head-support@2.0.4/dist/head-support.min.js")