From 0cbc4515a5dd28b1f496845bfc5eae1ceb39a049 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=C3=A3o=20Figueiredo?= Date: Mon, 27 Mar 2017 19:24:36 +0200 Subject: [PATCH] Experiments with critical-css --- src/layouts/default/critical.scss | 2 ++ src/layouts/default/layout.pug | 10 +++++++++- 2 files changed, 11 insertions(+), 1 deletion(-) create mode 100644 src/layouts/default/critical.scss 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