网站优化是用外部js还是用内部js

在html文档中嵌入js脚本的方式有两种,一种是内部嵌套,另外一种是使用外部脚本链接,下面讲解使用后者的好处。

  • 可维护性:遍及不同HTML页面的javascript会造成维护问题,但把所有js文件都放在一个文件夹中维护起来就轻松多了。而且开发人员因为也能够在不触及HTML标记的情况下集中精力编写js代码
  • 可缓存:浏览器能够根据具体的设置缓存链接的所有外部js文件,也就是说,如果有2个页面都使用同一个文件,那么这个文件只需下载一次。因此,最终结果就是能够加快页面加载速度。
  • 适应未来:通过外部文件包含js无需使用XHTML或hack注释。HTML和XHTML包含外部文件的语法是相同的。
  • 搜索引擎对页面过多的js脚本是不友好的,外部的js脚本可以通过cdn来缓存

js的内容不爬,但google会抓取js进行分析,但有的搜索引擎技术已经能够获取javescipt脚本上的链接,甚至能执行脚本并跟踪这些链接,实在需要使用JavaScript的部分,将这部分JavaScript脚本放在js文件中,这样能够避免干扰到搜索引擎的抓取和分析

实在不能放在js文件中的部分JavaScript脚本,将它们放在html代码的底端,/body之前,
这样使搜索引擎分析网页时最后才会发现它,降低对搜索引擎的干扰