解决折叠内容上方的JavaScript和CSS的选项

我使用谷歌的页面速度验证了一个站点，并得到以下错误：

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

Your page has 1 blocking script resources and 1 blocking CSS resources. This causes a delay in rendering your page.

JAVASCRIPT

我的页面底部有两个javascript文件：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="/scripts/main?v=5jyyqQNx45M0Mbw-ZD6J9SVac8LfWyZZLh_wq6HtfQI1" type="text/javascript" async></script>

我从GoogleCDN获得JQuery，从本地服务器获得Main.js

我对Main.js应用了异步，但这并不能解决它

。。。解决这个问题的唯一办法是从Google的CDN向JQuery中添加async

但是使用JQuery的Main.js中的代码停止工作。。。不知道为什么

CSS

我不知道该怎么解决它。有什么建议吗

谁能帮我一下吗

谢谢,， 米格尔

但是使用JQuery的Main.js中的代码停止工作。。。不知道为什么

这段代码会中断，因为jQuery是在Main.js执行之后加载的，而Main.js依赖于jQuery。。嗯，它会失败的

你不会去加载你的CSS和JS，因此除了使用纯HTML，你真的什么都做不了

报告说：

• 如果您的CSS/JS文件非常小，那么使用内联标记加载它
• 您可以尝试将重要的CSS/JS放在一个文件中，而不太重要的CSS/JS放在另一个异步加载的文件中

---

但是使用JQuery的Main.js中的代码停止工作

这是因为“

Main.js

”在

JQuery.min.js

完成下载/调用之前开始下载和调用。这两个脚本标记出现在

之前吗？是的，它们都出现在我考虑的之前：将JQuery绑定到Main中并异步加载所有内容。。。我将不使用CDN，但它将在一个单一的请求所有。。。关于CSS谷歌的建议对我来说毫无意义。。。它甚至会导致更多的请求，并且很难维护code@MDMoura是的，但是不需要直接加载的CSS是在用户已经看到页面后加载的，因此给了它时间并给用户更快的反馈。对于CSS：谷歌建议直接将CSS代码放入头部。这真的很愚蠢，不仅是为了维护，还因为用户必须为每个页面加载css！