一款webpack的插件，它可以很方便的配置内联关键css( critical CSS ),其余的css部分则会异步加载，由于它不使用无头浏览器(headless browser)呈现内容，因此快速轻巧。  

当为预渲染/ SSR的单页应用程序内嵌关键CSS时，Critters的设计使其非常适合。可以大大缩短大多数单页应用程序的首次加载时间。

安装

npm i -D critters-webpack-plugin

使用

// webpack.config.js
+const Critters = require('critters-webpack-plugin');

module.exports = {
  plugins: [
+    new Critters({
+      // optional configuration (see below)
+    })
  ]
}

链接: https://www.fly63.com/nav/2750