现在是互联网玩速度时代,如果你的网站的页面打开速度超过5秒或更长,估计用户就会PASS掉你的网站啦,你有可能就失去了这个潜在客户啦。
目前绝大部分网页都会把JS文件放在head中,很多浏览器都会使用单一的线程来做网页页面的加载和JS脚本处理,也就是当执行引擎遇到script代码的时候,此时页面后面的加载都必须等JS执行完毕。如果JS执行速度慢,那么用户就只能死等了,此时用户就很可能关掉网页。
那如何合适设置JS脚本文件,提高网页的打开速度呢?成都网站建设公司创新互联在这给大家介绍一些方法。
一、合并JS文件
尽管在将JS文件位置后移后可以让其他代码优先加载,但在执行JS文件的时候任然比较耗费时间,如果JS文件比较多,就需要进行多次“Get”请求,延长加载速度。那么我们自然就是要减少Get请求。通常有合并js文件,外在外部文件夹内,网页才用外调方式,这也是目前DIV+CSS格式的常用方式。
二、JS文件位置调整
既然JS文件放在前面后延迟后面代码的加载,那么我们可以考虑将JS放在之前或后,这样就可以让script前的html完美的呈现,不会让用户看到空白页面,提高了体验度。
三、最后执行JS文件
所以最好的办法就是让JS文件最后加载,也就是页面全部呈现完再追加JS脚本,当 window.onload事件触发完后,我们才开始加载JS,这样完全不会让用户去等待网站的主题内容加载,目前有很多大型网站就是利用的这个。