SEO - 说“优化您的代码将 JS 代码放在页面底部”是否正确？答案

【问题标题】：SEO - Is it correct to say "optimize your code putting the JS code in the bottom of the page"?SEO - 说“优化您的代码将 JS 代码放在页面底部”是否正确？
【发布时间】：2011-02-05 16:38:13
【问题描述】：

我想知道这是一个城市故事还是事实。

我听说网络爬虫在检查网络上的页面时会在一段时间后终止以捕获可用代码（例如 html）并去检查另一个页面。因此，如果 JS 代码在头部，我将失去很大一部分用于捕获的保留时间。

如果是这样，最好将 JS 放在头上，但可能放在底部，在 $(document).ready() 这样的 jQuery 语法中。

你能告诉我什么吗？谢谢大家！

【问题讨论】：

JavaScript 应该在一个单独的文件中，以便爬虫可以决定是否要下载它。
@Radek S 虽然我原则上同意，但有时您必须在 HTML 中包含它。 @markzzz 如果你在搞乱 DOM，最好把它放在一个文档就绪块中。
只有两个爬虫不再重要（Google 和 Bing），它们都不会只读取页面的一小部分然后离开。除非你特意构建了世界上最大的 500MB 的 HTML 网页，否则整个网页都会被阅读。
@Dan Yahoo!在亚洲被许多人使用。其余的我完全同意。
雅虎！不再运行他们自己的搜索引擎，它只是显示 Bing 结果。

标签： javascript jquery html seo web-crawler

【解决方案1】：

您关于 javascript 应该放在文件末尾的断言是正确的，但并不是因为您所说的原因。

将 javascript 放在文件底部的主要原因是浏览器会在下载页面时尝试呈现页面。但是，如果遇到 javascript，浏览器将暂停渲染以解析/运行 javascript。这可能导致用户认为页面加载缓慢。将 javascript 放在末尾允许浏览器在暂停解析和处理 javascript 之前呈现整个页面（或大部分）。

【讨论】：

【解决方案2】：

无论这是否是一个神话，您都应该将您的 JavaScript 放在外部 .js 文件中的 <body> 的底部。这意味着您根本不必使用$(document).ready，并且浏览器只会在加载正文内容后解析JavaScript，从而使页面加载更快。将 JavaScript 放入 <head> 是没有意义的。

【讨论】：

真的吗？当我了解 Javascript 时，第一件事就是：总是把 JS 代码放在头上……哈哈！悖论？ :)
@markzzz 如果 JS 在外部文件中，那么它可以被浏览器缓存。因此，当您打开第一页时，浏览器必须下载 html 和 js 文件，但对于下一页，只需下载 html。所以任何可以在多个页面上使用的 JS 代码都应该放到外部文件中。