Attempt to improve load speed on home page

Gelean · Gelean · commit 2515376e5c07 · 2025-04-29T22:09:41.000-07:00
diff --git a/home.html b/home.html
@@ -8,12 +8,17 @@
     <meta http-equiv="cache-control" content="max-age=3600">
     <title>Delder's Domain -- Home</title>
     <link rel="canonical" href="https://www.derekmelder.com/home.html">
-    <link rel="shortcut icon" href="images/favicon-16x16.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
-    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
-    <link rel="stylesheet" type="text/css" href="css/style.min.css">
+    <link rel="shortcut icon" href="images/favicon-16x16.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
+    <link rel="preload" href="bootstrap/css/bootstrap.min.css" as="style" onload="this.onload=null; this.rel='stylesheet'">
+    <link rel="preload" href="css/style.min.css" as="style" onload="this.onload=null; this.rel='stylesheet'">
+    <noscript><link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"></noscript>
+    <noscript><link rel="stylesheet" href="css/style.min.css"></noscript>
+    <link rel="preload" href="js/quotes.min.js" as="script">
+    <link rel="preload" href="js/theme.min.js" as="script">
+    <link rel="preload" href="images/favicon-32x32.png" as="image" type="image/png">
   </head>
   <body class="background home">
     <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark py-0 bg-teal">
