diff --git a/src/layouts/default/critical.scss b/src/layouts/default/critical.scss
new file mode 100644
index 0000000..a0b969a
--- /dev/null
+++ b/src/layouts/default/critical.scss
@@ -0,0 +1,2 @@
+@import "../../materials/**/*.scss";
+@import "../../elements/**/*.scss";
diff --git a/src/layouts/default/layout.pug b/src/layouts/default/layout.pug
index 9541103..278148d 100644
--- a/src/layouts/default/layout.pug
+++ b/src/layouts/default/layout.pug
@@ -6,7 +6,15 @@ html(lang=language)
     meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no')
     meta(name='format-detection', content='telephone=no')
 
-    link(rel='stylesheet', href=relativePath + 'css/layouts/default/style.css')
+    link(
+      rel="preload",
+      href=relativePath + 'css/layouts/default/style.css',
+      as="style",
+      onload="this.rel='stylesheet'")
+    noscript
+      link(rel="stylesheet", href=relativePath + 'css/layouts/default/style.css')
+    style
+      != helpers.inline("build/css/layouts/default/critical.css")
 
     block meta