critters
critters 介绍
一款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://npm.im/critters-webpack-plugin
GitHub:https://github.com/GoogleChromeLabs/critters
网站描述:一个Webpack插件,用于内嵌关键的CSS并延迟加载其余的CSS