【问题标题】:Critical css, above the fold content and rendered views关键 css,首屏内容和渲染视图
【发布时间】:2015-06-21 11:58:36
【问题描述】:

我目前正在处理我的 gulp 构建/部署管道。 网络上所有关于critical-css-inlining 的内容都很漂亮,但它不适合页面(视图)动态组装的现实世界场景。 我有:

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

任何网页都是串联的页眉 + 视图 + 页脚。 内容不可预测:您无法知道呈现的类别视图中会有多少文章。

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

这与 wordpress 无关,所以请不要提及插件或类似的东西。

【问题讨论】:

    标签: gruntjs gulp pagespeed


    【解决方案1】:

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

    yeoman-blog 上也有很多 grunt/gulp 建议,如果您想总体提高页面性能:http://yeoman.io/blog/performance-optimization.html

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-08-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-01-04
      相关资源
      最近更新 更多