我使用Joomla来开发我的网站，当我在Google的PageSpeed Insights上测试我的网站时，它为我生成了以下必须修复的警告:
Eliminate render-blocking JavaScript and CSS in above-the-fold content.
如何在Joomla中做到这一点?我确实尝试使用扩展来移动JavaScript，但这会导致布局错误，并破坏我网站上的响应功能。
JCHOptimize的问题是很难让它在不破坏其他东西的情况下增加你的Google pagespeedinsights在你网站上的排名。
为了解决这些问题，你需要在两个方面工作，CSS和JavaScript。
对于CSS，你需要把你的主要CSS文件分成两部分:第一部分是你绝对需要让你的网站在第一次加载时看起来很好(例如，body的宽度)，而第二部分是你可以在一秒钟左右的时间里不需要的(直到页面完全加载)。
对于JavaScript，你需要在加载页面时不需要的JavaScript库中添加async，并且你需要去掉所有你不需要的JavaScript库。
在我看来，试图获得超过85的Google pagespeedinsights是多余的，并不是真正必要的。我知道大多数人都争取100分，但对许多人来说，这个数字在技术上是不可能的(我们在一些网站上看到过)。
我最好的建议是使用JCH优化插件。对我来说，付费版本的效果很好(自动设置)。也许免费版也可以。链接:http://extensions.joomla.org/extensions/core-enhancements/performance/site-performance/12088
为了避免渲染阻塞，你需要有效地安排你的CSS和Javascript。在js中添加async并将其移到底部基本上可以完成这项工作。但在像Joomla和Wordpress这样的动态CMS中，这并不容易。扩展有时会以非标准的方式添加css和js。如果你正在寻找一个插件来做它开箱即用，我建议尝试从Codingmall.com的速度插件。它不是免费的，但你可以免费试用。加速Joomla