随着互联网用户需求的提升,加上移动设备的越来越普及和流行,网站加载速度越来越受到站长的关注。网站加载时间是用户流失的一个主要原因,普通用户是不会有耐心来等待一个超长的网页加载,而这一点直接影响到网站的运营。在百度站长平台页面优化建议中,百度就着重检查了网站加载时间这一块,并针对首字节时间、使用长链接、启用gzip压缩、图片压缩、设置静态内容缓存时间、合理使用cookies、合并css和js文件等方面给出了优化建议。这些就不一一说了,下面就谈谈网页如何设置js文件提高加载速度。


一、js文件位置调整

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

二、合并js文件

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

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

2:利用第三方工具,比如php中的minify。

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

三、最后执行js文件

不管是把js文件放在脚尾,还是合并js文件,都是治标不治本,也就是无限的去缩短js执行时间,并且避免js执行与代码加载互相冲突,但是这样只是让html代码文件尽管加载,还是不能很好的避免js执行与代码加载互阻,当web页面越来越复杂,js文件越来越多,这个阻碍就会越来越大。所以最好的办法就是让js文件最后加载,也就是页面全部呈现完再追加js脚本,当window.onload事件触发完后,我们才开始加载 js,这样完全不会让用户去等待网站的主题内容加载,目前有很多大型网站就是利用的这一点。

更多精彩内容,请关注威尼斯人2299-威斯尼斯人wns145585网址:http://www.yunwuxian.net/