【深圳SEO】深圳SEO-SEO优化教程-SEO教程自学网:306090669(QQ)
4008883171

【深圳SEO】 > 百度推广seo >

JS代码优化 让搜索引擎不再为JS而烦恼

编辑:【深圳SEO】发布时间: 2018-02-24
SEO不能忽略细节的力量,做好一个小细节,就是整站的一个大的进步,就意味着排名上升,展现量增加......百度现在仍然不能很好的识别JS代码,在做网站代码SEO优化时,我们需要迎合搜...
SEO不能忽略细节的力量,做好一个小细节,就是整站的一个大的进步,就意味着排名上升,展现量增加......百度现在仍然不能很好的识别JS代码,在做网站代码SEO优化时,我们需要迎合搜索引擎的‘喜好’,降低JS的负面影响。

尽量放到页面尾部

  Js的加载时阻塞页面的,没下载完毕后面的内容不会出来,所以尽量避免把JS放到页面头部,按照经验估计,整个页面中所用的JS逻辑,90%都是可以放到页面尾部。

延迟加载(按需加载)

  很多的业务逻辑并非每次都使用也不是要立即使用,首次加载过程中仅仅加载那些必须的,只有当必要的条件触发,才去加载请求必要的JS.比如说权限验证通过,加载管理模块。点击发表文章按钮,加载与发表文章有关的验证和处理函数。
  如果写过C++的肯定会接触过动态库和静态库,这个与之类似,什么时候需要什么时候再加载,首次打开页面肯定会清净了许多,而且业务逻辑也由此分离开来,管理和维护也会方便很多,毕竟减少了那么多的耦合。
  按照BBS项目经验估计,普通页面的所有业务逻辑中需要在首次请求中加载的不到50%,我们的JS又由此砍掉了一半。

合并JS 减少请求

  请求多个小文件的效率远小于请求一个大文件的效率,因为需要多次DNS解析,多次连接,浏览器和server端也需要进行多次开启进程、权限验证和预处理,以及 http请求在数据包传递上的一些问题。
  所以尽量避免在页面中加载一堆的js 文件,需要先讲需要的小的JS合并成一个大的JS文件统一输出,页面因此被卡住的时间肯定会减少很多。
  为了提高开发效率,合并建议不要每次都手动来进行,导致之后维护成本很大,相信些个XML配置文件,确定合并规则以及依赖关系后,用程序自动合并效率会高很多,后面有我附上的一个配置示例,仅作参考形式不重要

JS压缩

  此手段属前端特有,毕竟流量意味着速度,意味着金钱。是在降低代码的可读性为前提。但事物的两面性告诉我们,可读性差也意味着安全,而且可读性可以通过保存压缩前的源文件来解决。
  所谓的压缩,就是把场的变量名换成短的变量名,去掉没用的空格和换行符,从而节省我们JS程序的长度,不过目前这种处理已经很成熟,通过搜索可以搜出很多相关的工具。不再细说
  经验值,能压缩50%以上,视程序与压缩工具而论。

尽量少用第三方库

  在我的印象中,很多框架都是很庞大20K以上,虽然很强大很方便,但如果不是做企业级应用,不要用,因为我们也许只可能用到其中很少的一部分功能却加载了整个框架。
站内导航
 
QQ在线咨询
售前咨询热线
4008883171
售后咨询热线
13622373171