没有合适的资源?快使用搜索试试~ 我知道了~
critical-path-css-demo:折叠式CSS生成+使用Critical&Gulp内联
共61个文件
js:12个
html:10个
css:4个
需积分: 9 0 下载量 65 浏览量
2021-05-13
14:58:05
上传
评论
收藏 493KB ZIP 举报
温馨提示
关键路径css演示 使用生成并内嵌关键路径CSS示例。 关键路径CSS生成和内联和实时演示。 PageSpeed Insights之前和之后的结果 前: 后: WebPageTest结果 前: 后: 伟大的。 那么,您有什么建议? 使用生成并内联关键路径CSS和以异步加载样式。 为什么关键路径CSS很重要? 构建页面的渲染树需要CSS,并且在页面的初始构建期间,JavaScript通常会在CSS上阻塞。 您应确保将所有非必需CSS标记为非必需的(例如,印刷品和其他媒体查询),并确保必需CSS数量和交付时间尽可能短。 为什么应该内联关键路径CSS? 为了获得最佳性能,您可能需要考虑将关键CSS直接内联到HTML文档中。 这消除了关键路径中的其他往返,并且如果操作正确,可用于传递“一个往返”关键路径长度,其中仅HTML是阻塞资源。 安装 $ cd critical-path-c
资源推荐
资源详情
资源评论
收起资源包目录
critical-path-css-demo-gh-pages.zip (61个子文件)
critical-path-css-demo-gh-pages
.jshintrc 391B
.gitattributes 11B
bower.json 148B
output
normal
index.html 3KB
robots.txt 32B
styles
main.css 98KB
favicon.ico 4KB
scripts
main.js 28B
vendor.js 122KB
plugins.js 28KB
fonts
glyphicons-halflings-regular.ttf 40KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 61KB
glyphicons-halflings-regular.woff 23KB
404.html 4KB
.htaccess 29KB
critical
index.html 7KB
robots.txt 32B
styles
main.css 3KB
favicon.ico 4KB
scripts
main.js 28B
vendor.js 122KB
plugins.js 28KB
fonts
glyphicons-halflings-regular.ttf 40KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 61KB
glyphicons-halflings-regular.woff 23KB
404.html 4KB
.htaccess 29KB
gulpfile.js 4KB
LICENSE 11KB
test
index.html 726B
bower.json 142B
spec
test.js 282B
.bowerrc 40B
README.md 4KB
dist
index.html 3KB
robots.txt 32B
styles
main.css 98KB
favicon.ico 4KB
scripts
main.js 28B
vendor.js 123KB
plugins.js 28KB
index-critical.html 6KB
fonts
glyphicons-halflings-regular.ttf 40KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 61KB
glyphicons-halflings-regular.woff 23KB
404.html 4KB
.htaccess 29KB
.bowerrc 44B
.editorconfig 519B
.gitignore 73B
app
index.html 4KB
robots.txt 32B
styles
main.css 2KB
favicon.ico 4KB
scripts
main.js 30B
404.html 4KB
.htaccess 29KB
package.json 836B
共 61 条
- 1
资源评论
Matt小特
- 粉丝: 30
- 资源: 4539
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功