学学习网 手机版

学学习网

学习路径: 学习首页 > SEO > 代码优化 >

JavaScript优化

设置字体:
----------------------------------

JavaScript是基于对象的脚本语言,它不具备编程语言复杂严谨的语法和规则。它是一种轻量级语言,支持多种编程风格。为了实现一些功能, 网站中往往需要JS来实现。但是对于搜索引擎是不识别的。不要认为这样就不需要优化JS了,它会影响到我们网站打开的速度,及效果的实现。

接下来,我们从JS的放置位置入手来讲解一下对JS的优化。

嵌入JS有两种方式:
      一:在HTML中嵌入JS代码块
      二:外部链接JS脚本语言

原则上,JS代码块放在任何位置都可以,代码按顺序执行。

优化而言,网站优化外部链接JS最好,确保了网页不会太大,以免影响网站打开的速度。

但要注意的是:外部链接,是浏览器把外部文件的内容全部复制过来嵌入到HTML页面中执行的,所以JS文件要和HTML文档的编码方式一致。使用JS的charset属性就OK.

而有些JS是要在body中被立马调用的,放在外部不能实现其效果,所以就选择内部。

整个HTML文档中,无非就是head和body,那么是放在head内呢还是body内呢,还是在head与body之间呢。还是在head上方,又或者是body下方呢。哪个方位才是JS的最优之选呢?

不建议大家放<head>之上或者是</html>之外。

seo优化而言,建议大家放在</body>下面,因为JS搜索引擎不识别。(前提是效果的实现不会受到JS的影响)若是不满足前提条件,则可以放在head和body之间。但将核心脚本放在head部分是一个良好的编程习惯,确保所有的代码从body中调用之前被解码,能确保JS功能的最好实现效果。

总结如下:

两种方式:外部链接JS文件》(优于)HTML中嵌入JS代码块;
      内部嵌入式:</body>下面》<head><body>中间》<body></body>内部》<head></head>中间.

注意:虽然搜索引擎不识别JS,但是JS中注释的内容它还是认识的。我们就可以在注释中加入关键词来吸引搜索引擎。

----------------------------------
  • 学学习
  • 需帮助 请留言
课程列表
重点难点
赞助链接