关键css,位于折叠内容和渲染视图之上

时间:2015-06-21 11:58:37

标签: gruntjs gulp pagespeed

我目前正致力于构建/部署管道。 网络上关于关键css-inlining的所有内容都很漂亮,但它并不适合你的页面(视图)进行动态组装的真实场景。 我有:

  • header.html中
  • view.html(home.html,about.html,single.html,category.html)
  • footer.html

任何网页都是连接的标题+视图+页脚。 内容不可预测:您无法知道渲染类别视图中将有多少篇文章。

我是否应该构建假装配视图,其中最大内容量可以显示在每个视图的上方折叠部分中,然后提取css?是否有任何已知的方法来实现目标?

它不是关于wordpress所以请不要提及插件或类似的东西。

1 个答案:

答案 0 :(得分:0)

使用此:https://www.npmjs.com/package/grunt-critical-css

如果你想提高你的网页表现,那么在yeoman博客上的

也会提出很多咕噜/咕噜推荐:http://yeoman.io/blog/performance-optimization.html