🐎 improve page load speed with some CSS adjustments

By moving CSS @imports into an inline style tag, we remove a blocking request that delays page rendering.
bryanbraun · Oct 22, 2020 · dc2cc62c58ae61d972c124a433ca00d9aac304a2 · dc2cc62
1 parent 5c7a273
commit dc2cc62c58ae61d972c124a433ca00d9aac304a2
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/site/public/css/main.css b/site/public/css/main.css
diff --git a/site/public/index.html b/site/public/index.html
@@ -26,7 +26,14 @@
   <meta property="og:type" content="website">
 
   <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png?v=PYeynP29wQ">
-  <link rel="stylesheet" href="/css/main.css">
+  <style>
+    @import "css/variables.css";
+    @import "css/styles.css";
+    @import "css/select.css";
+    @import "css/tempo-controls.css";
+    @import "css/toggle.css";
+    @import "css/utilities.css";
+  </style>
 </head>
 
 <body class="no-focus">