防止Bootstrap 3.2中的渲染阻塞

时间:2014-11-19 09:30:56

标签: css html5 twitter-bootstrap less

我目前在使用Twitter Bootstrap 3.2和LESS的客户网站上遇到了问题。我的客户的技术负责人已经指出Google Pagespeed Insights针对网站中的几个CSS文件显示了一个红旗,导致渲染阻止问题:

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.ukessays.com%2Fservices%2Fessay-writing-service.php&tab=mobile

但是,上面的大多数页面上的折叠内容几乎包含了网站中使用的所有CSS元素,所以“内嵌”所有CSS的想法呈现上面的折叠内容似乎完全荒谬。更糟糕的是,网站中最重要的页面具有最低的速度分数:

http://www.ukessays.com/services/essay-writing-service.php:71/100

VS

http://www.ukessays.com/essay-help/referencing/:77/100

由于网站是使用Twitter Bootstrap重新构建的,以使其更具响应性,我现在看起来有点白痴,现在它的得分低于之前的无响应网站。使用LESS编译CSS的事实有效地阻止了我们实现问题服务器端的任何动态解决方案

有没有人遇到过这个问题?如果有的话,是否有人可以推荐一个可以解决这个问题的简单修复/插件?

到目前为止,我们唯一的解决方案是从H中获取以上所有的折叠内容! “论文写作服务”的标签直到第一个号召性用语并保存这是一个完全独立的div结构,不会与页面的其余部分一起流动。

0 个答案:

没有答案