优化JS加载时间过长的一种思路

小说版权由笔者李晓晖和搜狐共有,若转发请于显明处标明出处:http://www.cnblogs.com/naaoveGIS/

1.背景

二〇一八年铺面在包头的二个种类中,现场工程职员反映地图局地出图有点缓慢,大概要求20多秒。和此外三个同事1起花了壹二日展开了代码优化、代码压缩、中间件优化以及劳动配置优化后使地图出图减少到了玖秒上下。

那边对上次的阅历做二个总括,提供壹种优化JS文件加载时间过长的思路。那里的中间件使用的是tomcat六.0。

二.代码优化

二.一代码模块化

代码重构,使代码模块化。利用require.js,完成代码按需加载。

二.2框架精简

去掉不要求的框架,也许将框架中提到到的1些提取出来,去掉不用的部分。比如济宁类型中,用了店铺的观念框架YUI,不过界面部分是用Jquery编写。YUI框架仅仅使用了其事件机制。那里大家将YUI的轩然大波机制举行提取,封装成叁个独门的类后,别的部分全体舍去。

三.代码打包压缩

对代码模块化后的贰个不小的补益正是方便代码打包,制止出现公共变量名争辩等题材。那里运用ant对JS文件举行削减合并打包。

    图片 1                   

缩减时要留意各模块之间的依赖关系。将被信赖模块放在正视模块的前方。

四.中间件压缩优化

中间件环节收缩的规律是:在客户端请求网页后,从劳动器端将网页文件压缩,再下载到客户端,由客户端的浏览器负责解压缩并浏览。相对于常见的浏览进程HTML
,CSS,Javascript ,
Text ,它能够节约4/10左右的流量。更为首要的是,它能够对动态变化的,包罗CGI、PHP
, JSP , ASP , Servlet,SHTML等出口的网页也能拓展压缩,压缩功能惊人。

汤姆cat伍.0以往的本子是援助对出口内容进行削减的,使用的是gzip压缩格式。

在server.xml文件中追加布置格局如下:

 图片 2

5.劳动配置优化

当访问后台请求增多时,JS加载也会变慢,优化服务的布局能起到一定的机能。

五.第11中学路件线程池优化

在server.xml文件中合理扩充中间件线程池的数额:

 图片 3

5.第22中学间件内部存款和储蓄器的优化

 在catalina.bat文件中型地铁观扩张中间件的内部存款和储蓄器:

 图片 4

5.三理所当然布署服务

镇江品种中的GIS服务和四个别的服务配置在同3个中间件下。由于GIS服务的访问量远大于其余系列服务。在访问量骤升时会对其余服务造成一定的卡顿。

消除方案是对GIS项目在服务器上独立发表。

有博友给出二个建议:把动态请求和静态请求分离,单独安插静态文件服务器。此措施个人认为很好。

5.四靠边集群

安装多个服务节点,实行服务的载重均衡配置。

                                                     
     —–欢迎转发,但保留版权,请于分明处标明出处:http://www.cnblogs.com/naaoveGIS/

                                                                          
如若您觉得本文确实扶助了你,可以微信扫1扫,进行小额的打赏和鞭策,感激^_^

                                        图片 5

相关文章