深圳网站建设公司易捷网络科技
深圳易捷网络科技有限公司logo易捷网络

如何做好JS使网站有更好的优化

信息来源:深圳网站建设公司易捷网络
添加时间:2018-05-07
一、JS文件位置调整

既然JS文件放在前面后延迟后面代码的加载,那么我们可以考虑将JS放在/body前或更厚,这样就可以让script前的html完美的呈现,不会让用户看到空白页面,提高了体验度。

二、合并JS文件

尽管在将JS文件位置后移后可以让其他代码优先加载,但在执行JS文件的时候任然比较耗费时间,如果JS文件比较多,就需要进行多次“Get”请求,延长加载速度。那么我们自然就是要减少Get请求。通常有两种方案:

第一:合并js文件,比如将1.js、2.js和3.js合并掉。

第二:利用第三方工具,比如php中的Minify。

关于合并JS,是用得比较多的,绝大部分网站都是外部调用JS,而现在把调用的JS合并到一起也是很常见的。

三、最后执行JS文件

不管是把JS文件放在脚尾,还是合并JS文件,都是治标不治本,也就是无限的去缩短JS执行时间,并且避免JS执行与代码加载互相冲突,但是这样只是让html代码文件尽管加载,还是不能很好的避免JS执行与代码加载互阻,当web页面越来越复杂,JS文件越来越多,这个阻碍就会越来越大。所以最好的办法就是让JS文件最后加载,也就是页面全部呈现完再追加JS脚本,当window.onload事件触发完后,我们才开始加载 JS,这样完全不会让用户去等待网站的主题内容加载,目前有很多大型网站就是利用的这个。这一点需要与技术人员协作完成或自己动手在网上找代码,不过个人建议还是教给会的人完成,自己可以先学,以免出现失误,得不偿失。以上就是个人的一些浅见,所以除非需要将JS文件放在head位置,否侧建议应该将JS文件放在/body之前或是更后面,同时合理的合并JS 文件,减少GET次数,如果无限制还可以设置JS最后执行,当然是不影响网页整体UI的情况下,这样大大提高了网页主题信息的加载速度。提高网站的用户体验。

弯管接头行业Ningbo CR Industry 外贸网站设计首页效果图
弯管接头行业Ningbo CR Industry 外贸网站设计首页效果图
网站建设最新资讯推荐
建站视频
膜结构建筑施工行业网站建设方案解析
快速导航
首页
建站套餐
模板案例
建站方案
制作费用
视频中心
常见问题
联系我们
企业网站制作套餐
基本型网站制作套餐
标准型网站制作套餐
品牌型网站制作套餐
综合型网站制作套餐
企业网站制作教程
网站建设常见问题
网站制作常见问题
网站设计常见问题
网站优化常见问题
企业邮箱常见问题
网站备案常见问题
联系方式
联系人:赵经理
电话:0755-61603557
邮箱:info@fantodo.com
手机:13714247375
地址:广东.深圳宝安西乡宝源路鸿源大厦1009
网站建设公司联系人二维码
微信扫码咨询
深圳市易捷网络科技有限公司版权所有