微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

critters

编程之家收集整理的这个编程导航主要介绍了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

critters

官方网站:https://npm.im/critters-webpack-plugin

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。