删除Jquery UI库的渲染阻止JavaScript

时间:2015-01-22 23:58:46

标签: javascript jquery deferred-rendering

我正尝试使用此延迟方法尝试通过“删除渲染阻止JavaScript”来加速我的网页:

<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "js/combination.js"; // replace defer.js with your script     instead
document.body.appendChild(element);
}

if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>

我将所有的javascript文件合并到1个名为combination.js的文件中,但每当我尝试组合这个jquery库UI时:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

使用combination.js,我的jquery脚本不起作用。

所以Google Page速度仍然说我需要为这个库“删除渲染阻止JavaScript”,但是如何?

更新:

当我将Jquery UI库添加到我的combination.js文件的顶部并在CHROME和IE9上测试时,它可以工作!我现在遇到的问题是,当我在Firefox上测试它时(我已经有35版)。所以这似乎是一个火狐问题

1 个答案:

答案 0 :(得分:0)

看起来我的历史记录在firefox中没有重新加载我的Jquery库,即使我完全刷新了(CRTL + F5)。奇怪的是,无论如何,如果有人碰巧遇到此问题,请删除所有历史记录并重新加载您的网站。令人惊讶的是这样一个简单的解决方案可以占用这么多时间。