如何修复"消除渲染阻止JavaScript和CSS的首要内容"在joomla

时间:2014-08-11 06:18:51

标签: javascript css joomla

我正在使用Joomla开发我的网站,当我在Google上的PageSpeed Insights上测试我的网站时,它会为我生成以下必须修复的警告:

Eliminate render-blocking JavaScript and CSS in above-the-fold content.

如何在Joomla中执行此操作?我确实尝试使用扩展来移动JavaScript,但这会导致布局错误,并破坏我网站上的响应功能。

3 个答案:

答案 0 :(得分:2)

JCHOptimize的问题在于,如果不打破其他内容,很难在网站上增加Google PageSpeed Insights排名。

为了解决这些问题,您需要处理两个方面,CSS和JavaScript。

对于CSS,您需要将主要CSS文件拆分为两部分:第一部分是您首次加载网站时必须使用的部分(例如,{的宽度) {1}}),而第二部分是你可以在没有一秒左右的时间内生活的那部分(直到页面完全加载)。

对于JavaScript,您需要向页面加载期间不需要的JavaScript库添加异步,并且您需要删除所有不需要的JavaScript库。

在我看来,试图通过Google PageSpeed Insights获得超过85分的东西是过度的,并不是真的有必要。我知道大多数人都争取100,但对于很多人来说,这个数字在技术上是不可能的(我们已经在一些网站上看到了它)。

答案 1 :(得分:0)

我最好的建议是使用JCH Optimize插件。 对我来说,付费版本确实有奇迹(在自动设置上)。 也许免费版也会做这项工作。 链接: http://extensions.joomla.org/extensions/core-enhancements/performance/site-performance/12088

答案 2 :(得分:0)

为避免渲染阻塞,您需要有效地排列CSS和Javascript。将异步添加到js并将其移至底部通常可以完成此工作。但是在像Joomla和Wordpress这样的动态CMS中,这并不容易。扩展有时会以非标准的方式添加css和js。如果您正在寻找可以直接使用的插件,建议您从Codingmall.com尝试使用Speed插件。它不是免费的,但您可以免费试用。 Speed up Joomla