无阻塞Javascript

我想知道是否有可能以不妨碍用户体验的方式加载JavaScript。我不知道如何实现，但我正在寻找一种跨浏览器的解决方案。我想知道是否有人能指引我走向正确的方向。将js放在页面的底部并不适用。无阻塞Javascript

谢谢你的时间。

来源

2009-07-10 Alec Smart

Blargh，我有一个很好的链接，这一点，但我不能找到它 – Greg 2009-07-10 07:45:05

需要澄清：你说的是加载javascript文件资源如`

我相信你可以使用Workers，但它似乎在FF3.5中实现，但是很少有其他的。

见http://hacks.mozilla.org/2009/07/working-smarter-not-harder/

来源

2009-07-10 07:50:34

当网页加载它只能并行下载2个JavaScript文件在任何一个时间，试图保持的JavaScript文件下来，它们的大小记下电话号码（与缩小，obsfucation和gzip压缩）将有助于加载体验。

在JavaScript中使用回调函数还有助于处理javascript运行时的非阻塞项。

在jQuery的一个例子是

$('#id').click(function(){ 
    $.post('url',data,function(callbackdata){//do something 
     }); 

});

来源

2009-07-10 07:55:22 AutomatedTester

报价this answer：

的Javascript资源请求确实堵，但有办法解决这个（即：DOM注入脚本标记在头，和AJAX 请求）其中没有看到页我自己很可能是什么发生在这里。

包括相同 JS资源的多个副本是非常糟糕，但并不不一定是致命的，而且是典型的较大的站点可能已经从单独团队，或者只是普通的老坏的编码工作增生，规划或维护。

至于雅虎的建议，在体的底部代替脚本，这提高percieved响应时间，并能提高实际负荷时间在一定程度上（因为所有的以前的资源被允许异步第一个），但它永远不会像那样有效，因为非阻塞请求（尽管它们具有技术能力的高障碍）。

你可以看看关于Non-Blocking Javascript的YUI博客条目。

来源

2009-07-10 08:23:48 Kirtan

Deferring execution of JavaScript如果您有一些对于立即加载并不重要的JavaScript，它可能是一个非常好的解决方案。

来源

2009-07-10 08:42:22 mikl

带有小延迟的setTimeout将允许控制流继续进行，同时调度另一个函数稍后执行。这对防止UI被阻塞或无意中依赖于其他函数的成功执行特别有用。

我觉得它是非常有用的，以防止JavaScript错误干扰绑定事件。例如，安装一个表单上的提交处理程序：

$('#form').submit(function() { 
    setTimeout(function() { 
    // Submit handler function, i.e. do an ajax submission of the form 
    $.ajax(...etc...); 
    }, 1); 
    // Return false before the handler executes, ensuring the form won't manually submit 
    // in the event of a js error in the handler 
    return false; 
});

来源

2010-02-02 21:08:04 aceofspades

-1

看一看这个jQuery plugin（http://code.google.com/p/funky-jq-plugins/wiki/nonblocking）。

它旨在使用计时器来模拟多线程环境，其中UI线程不会因要求像长列表迭代等操作而被冻结。非常酷的东西......我写的:)

侨现在

来源

2012-05-25 10:52:12 nourdine

无阻塞Javascript

相关问题