调整JS文件提高网页速度

    一、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，这样完全不会让用户去等待网站的主题内容加载，目前有很多大型网站就是利用的这个。这一点需要与技术人员协作完成或自己动手在网上找代码，不过个人建议还是教给会的人完成，自己可以先学，以免出现失误，得不偿失。

 

 

 

 

   责任编辑：上海网站制作协策网络（网址：http://www.580plan.com/），转载请注明出处，谢谢! 一、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，这样完全不会让用户去等待网站的主题内容加载，目前有很多大型网站就是利用的这个。这一点需要与技术人员协作完成或自己动手在网上找代码，不过个人建议还是教给会的人完成，自己可以先学，以免出现失误，得不偿失。

 

 

 

 

   责任编辑：上海网站制作协策网络（网址：http://www.580plan.com/），转载请注明出处，谢谢!