From 6fcfd2a36dcc0320d16f610c74e40b0f48146c6f Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Thu, 4 Sep 2025 13:09:52 +0800
Subject: [PATCH] Preloaded background if contains image

---
 fwt/components/HTML/HTML.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/fwt/components/HTML/HTML.tsx b/fwt/components/HTML/HTML.tsx
index ee534ab..e83d582 100644
--- a/fwt/components/HTML/HTML.tsx
+++ b/fwt/components/HTML/HTML.tsx
@@ -1,5 +1,7 @@
 import './HTML.sass'
 import { type JSXElement, Show } from 'solid-js'
+import background1 from '../../images/background.avif'
+import background2 from '../../images/background.webp'
 
 interface Props {
   title: string
@@ -7,6 +9,7 @@ interface Props {
   description: string
   children: JSXElement
   font?: 'roboto' | 'inter' | 'montserrat' | 'open-sans' | 'public-sans'
+  preloadBackground?: boolean
 }
 
 export default (props: Props) => {
@@ -23,7 +26,11 @@ export default (props: Props) => {
           <meta property="og:description" content={props.description} />
           <meta property="og:type" content="website" />
           <link rel="icon" type="image/svg+xml" href="/favicon.png" />
-          <link rel="preload" href={`https://cdn.jsdelivr.net/fontsource/fonts/${props.font}:vf@latest/latin-wght-normal.woff2`} crossorigin="anonymous" as="font" type="font/woff2" />
+          <link rel="preconnect" href="https://cdn.jsdelivr.net" />
+          <Show when={props.preloadBackground}>
+            <link rel="preload" href={background1.src} as="image" type="image/svg+xml" />
+            <link rel="preload" href={background2.src} as="image" type="image/svg+xml" />
+          </Show>
           <title>{props.title}</title>
         </head>