refactor: Defer some non critical css

Mitcheljager · Feb 6, 2025 · a99a7ba · a99a7ba
1 parent f830248
commit a99a7ba
Show file tree

Hide file tree

Showing 11 changed files with 10 additions and 15 deletions.
diff --git a/app/javascript/entrypoints/deferred.scss b/app/javascript/entrypoints/deferred.scss
@@ -0,0 +1,4 @@
+@import "@scss/variables",
+        "@scss/mixins";
+
+@import "../scss/deferred/*";
diff --git a/app/javascript/scss/elements/_confetti.scss → app/javascript/scss/deferred/_confetti.scss b/app/javascript/scss/elements/_confetti.scss → app/javascript/scss/deferred/_confetti.scss
diff --git a/app/javascript/scss/elements/_modal.scss → app/javascript/scss/deferred/_modal.scss b/app/javascript/scss/elements/_modal.scss → app/javascript/scss/deferred/_modal.scss
diff --git a/...avascript/scss/elements/_noui-slider.scss → ...avascript/scss/deferred/_noui-slider.scss b/...avascript/scss/elements/_noui-slider.scss → ...avascript/scss/deferred/_noui-slider.scss
diff --git a/...javascript/scss/elements/_pagination.scss → ...javascript/scss/deferred/_pagination.scss b/...javascript/scss/elements/_pagination.scss → ...javascript/scss/deferred/_pagination.scss
diff --git a/.../scss/elements/_show-on-focus-within.scss → .../scss/deferred/_show-on-focus-within.scss b/.../scss/elements/_show-on-focus-within.scss → .../scss/deferred/_show-on-focus-within.scss
diff --git a/...ript/scss/elements/_syntax-highlight.scss → ...ript/scss/deferred/_syntax-highlight.scss b/...ript/scss/elements/_syntax-highlight.scss → ...ript/scss/deferred/_syntax-highlight.scss
diff --git a/app/javascript/scss/elements/_progress.scss b/app/javascript/scss/elements/_progress.scss
diff --git a/app/javascript/scss/elements/_feed.scss → ...javascript/scss/logged_in_user/_feed.scss b/app/javascript/scss/elements/_feed.scss → ...javascript/scss/logged_in_user/_feed.scss
diff --git a/...vascript/scss/elements/_search-terms.scss → app/javascript/scss/wiki/_search-terms.scss b/...vascript/scss/elements/_search-terms.scss → app/javascript/scss/wiki/_search-terms.scss
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -29,6 +29,12 @@
       onload="this.onload=null;this.rel='stylesheet'" /> <!-- https://web.dev/defer-non-critical-css/#optimize -->
     <noscript><%= vite_stylesheet_tag "fonts.scss" %></noscript>
 
+    <link rel="preload"
+      href="<%= vite_asset_url "deferred.scss" %>"
+      as="style"
+      onload="this.onload=null;this.rel='stylesheet'" /> <!-- https://web.dev/defer-non-critical-css/#optimize -->
+    <noscript><%= vite_stylesheet_tag "deferred.scss" %></noscript>
+
     <!-- Prevent flashbangs -->
     <style>
       body {