Non Onload Blocking Async Evolved 与其他内容并行加载3rd方脚本,而不会阻止加载
非Onload阻塞异步JS加载是一种有效的技术,通过与其他内容并行加载3rd方脚本,可以显著减少页面加载时间,而不会阻止页面的整体加载。这一技术的核心在于,准备一个简洁的代码片段,用于启动第三方脚本,如下所示:
(function (win, doc, script) {
var js, fjs = doc.getElementsByTagName(script)[0],
add = function (url, id) {
if (!doc.getElementById(id)) {
js = doc.createElement(script);
js.src = url;
js.async = true;
}
}
})(window, document, 'script');
通过这种方式,JavaScript文件的加载可以被设置为异步,从而避免了在文件加载时阻塞其他页面内容的渲染。这在处理复杂的网页时尤为重要,特别是在需要加载多个第三方库或广告脚本时。
如果您需要更深入地理解这种技术,您可以参考以下资源,这些资源提供了异步加载的各种实现方法和具体应用场景:
下载地址
用户评论