首页
学习
活动
专区
工具
TVP
发布

JS代码该放到网页的什么地方?

作为一个前端开发人员,首先要遵循用户体验优先的法则,站在用户体验的角度来看,这就对代码有了更高的要求,哪些因素会影响到网站的加载呢?

我们在写网站的时候,用的最多的就是html与css分离,即结构层与表现层分离,所谓”结构“,即html为结构层,就是网页的骨架,如果排版网页的结构,而”表现“就是对”内容“的润色,即css为表现层,比如div的宽度或者高度,字体的颜色大小等等,这样网页的内容也利于网站的优化。JavaScript属于行为层,它是一种js脚本,它是连接前台(html)和后台服务器的桥梁,也是html的一部分,它的作用从用户来说,就是增加用户体验度。

现在各大网站的特效越来越丰富,那么所需要调用和加载的javascript就是越多。浏览器在解析页面时,都是从上至下依次解析,无论是html还是css,当然还有就是javascript。

要知道,所有的标签都会按照他们在html中出现的先后顺序被解析, 一般情况下,只有解析完标签中的代码之后,才会解析后面的标签中代码。在我们在代码的时候,如果将标签放到的前面,比如说标签里,也就意味着必须等全部标签的代码全部下载解析完以后,才会出现页面的内容,如果一直加载不出来的话,那么页面的东西就会一直被加载,直到javascript里面的内容加载出来,页面的内容才会显示出来。标签放到标签的前面,延缓了页面内容显示的时间,让用户等待的时间延长,降低用户的体验度。

所以为了避免这样的情况,我们一般会把javascript引用放在最后面,增加用户体验度。

其实页面的任意位置都可以放标签,但对于前端页面优化来讲,放在底部是最佳的选择,如果javascript执行出现错误了,javascript前面的内容还可以加载出来,因为页面是是从上往下的顺序执行的。

所以,我们还是按照标准来,放在之前。

我们所做的一切就是完善用户体验,提升用户体验度。让页面优先加载显示内容。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180123G0F5VY00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券