feat: render critical styles inline

ufosc · Feb 10, 2024 · 5fbf4b5 · 5fbf4b5
1 parent 5d51d66
commit 5fbf4b5
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/utils/callbacks.js b/utils/callbacks.js
@@ -1,10 +1,16 @@
 const ejs = require('ejs')
 const config = require('./config')
+const fs = require('node:fs')
 const { BlogModel } = require('../model/blog')
 
 const cacheIndexPage = async () => {
   const blog = await BlogModel.find({ status: 'published', id: -1 }, null, { limit: 3 }).sort({ date: -1 })
-  const data = { version: config.VERSION, blog }
+
+  // Load critical styles.
+  let styles = fs.readFileSync('./public/css/common.css', 'utf8')
+  styles += fs.readFileSync('./public/css/index.css', 'utf8')
+
+  const data = { version: config.VERSION, blog, styles }
   const indexPageData = { indexPage: '' }
   ejs.renderFile('./views/index.ejs', data, { async: false }, (err, str) => {
     if (err) {