JavaScript加载延迟是网络上的一个问题，会让你想要疯狂地寻找解决方案。 很多人说用“defender”或者“async”，甚至有人说“那就把你的javascript代码放在页面代码的底部” 以上方法都无法处理网页满载后加载外部js的问题。 上面的方法会偶尔让你收到Google的页面速度测试工具“推迟javascript加载”的警告。 因此，这里的解决方案将是谷歌帮助页面推荐的解决方案。 如何延迟加载JavaScript？下面是Google推荐的代码 这些代码应该放在标签的前面(靠近HTML文件的底部) 1234567891011121314函数downloadJSAtOnload(){ var element = document . createelement(" script ")；element . src = " defer . js "；document.body.appendChild(元素)；} if(window . addevent listener){ window . addevent listener(" load "，downloadJSAtOnload，false)；} else if(window . attach event){ window . attach event(" onload "，downloadJSAtOnload)；} else { window . onload = downloadJSAtOnload；}这里做了什么？这段代码意味着在加载外部文件“defer.js”之前，要等到加载完整个文档 具体来说，在复制上述代码并将代码粘贴到HTML标记(靠近HTML文件的底部)之前，将“defer.js”修改为您的外部js文件名，以确保您的文件路径是正确的。 例如，如果只输入“defender.js”，则“defender.js”文件必须与HTML文件在同一个文件夹中。 这个代码可以用在哪里(又不能用在哪里)？在加载文档之前，这段代码不会加载指定的外部JS文件。 所以不要把页面正常加载所依赖的javascript代码放在这里。 相反，JavaScript代码应该分为两组。 一组是因为页面需要而立即加载的javascript代码，另一组是页面加载后运行的javascript代码(比如添加一个点击事件或者其他事情)。 这些需要在页面加载后执行的JavaScript代码应该放在一个外部文件中，然后导入。 比如在这个页面上，我使用上面的文件进行延迟加载——Google analytics，Viglink(我如何赚钱)，Google+ badge(我的社交媒体)显示在底部。 对我来说，没有理由在初始页面加载的时候就加载这些文件，因为在初始阶段没有必要加载以上无关的内容。 也许你的页面中有相同性质的文件。 您希望用户在看到网页内容之前等待这些文件加载吗？为什么不用其他方法呢？直接插入代码，把脚本放在最下面，用“defender”或者“async”都不能达到先加载页面再加载JS的目的，而且它们在所有浏览器中一定不一致。 为什么重要？之所以重要，是因为谷歌把页面速度作为排名因素之一，让用户想快速加载页面。 另外，对于移动搜索引擎优化也很重要。 根据Google页面的初始加载时间来衡量页面速度。 这意味着您必须尽快获得页面的load事件。 初始页面加载时间是Google用来评估你的网页质量的(别忘了让用户等待页面加载)。 Google积极推广并推荐将上述无关紧要的内容按重要性排序，让所有资源(js、css、图片等。)可以脱离关键的渲染路径，这样做是值得努力的。 如果这能取悦用户，让谷歌开心，你就应该去做。 最重要的任务应该是尽快将内容交付给用户。 而且我们还没有想好如何对待我们的javascript代码。 然而，用户不应该被迫等待几个无关紧要的脚本的内容。 不管你的页脚有多酷，对于一个永远不能滚动到页脚的用户来说，没有理由加载让页脚变酷的javascript文件。