critical css：拆分 css，提高页面加载速度
critical 相关地址：
该库的 github 地址：https://github.com/addyosmani/critical
为什么会有该库的英文原文：https://css-tricks.com/authoring-critical-fold-css/
为什么会有该库的中文翻译：https://xinranliu.me/2014-07-29-%E6%8B%86%E5%88%86Critical-CSS/
该库的作用解释：
外联的样式表(包括通过link标签的)是会阻塞渲染的. 也就是浏览器不会渲染页面直至CSS完全下载完成. 也就是说如果需要渲染的数据大小超过TCP阻塞窗口(通常是14.6KB压缩后)那么浏览器和服务器之间就需要另外一轮的数据交换了,这会增加延时,特别是如果用户使用的是移动网络.
PageSpeed的建议是把CSS拆分成两个部分: 内联部分负责首屏部分内容的样式, 其他则是可以被延迟的。
具体的请看该库的中文翻译。
关键字：css, critical, 渲染, 阻塞
版权声明
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！
