在首屏内容中解决JavaScript和CSS的选项

时间:2014-04-26 23:23:02

标签: javascript jquery css

我使用Google的Page Speed验证网站,我收到以下错误:

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>

我从本地服务器获取Google CDN和Main.js的JQuery。

我将异步应用于Main.js,但这并没有解决它......

...解决这个问题的唯一方法就是从Google的CDN向JQuery添加异步。

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

CSS

我不知道如何解决它。有什么建议吗?

有人可以帮助我吗?

谢谢你, 米格尔

1 个答案:

答案 0 :(得分:1)

  

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

该代码中断,因为在执行Main.js之后加载jQuery并且Main.js依赖于它...好吧,它会失败。

您不会加载CSS和JS,因此除了使用纯HTML之外,您无法做任何事情。

linked google help page说:

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