[发明专利]一种管理JS或CSS文件的方法及系统

说明书

技术领域

本发明涉及一种管理JS或CSS文件的方法及系统，属于网络通信领域。

背景技术

目前，为了优化web的性能，大部分网页中的JavaScript和CSS文件，会根据实际情况进行合并，但现有的技术没有进行系统的统计分析，因而难以达到最优的合并结果。这些合并中相当多的是有选择地手动完成，每次新的合并都需要重新在本地完成并上传到服务器，比较的随意和繁琐，缺乏有效地管理；现有的技术不能使对网页的请求数以及网页产生的流量开销达到最小，从而造成了对系统资源的浪费；并且在遇到文件版本更新时，更新一个JS或CSS文件版本，需要把所有使用到该JS或CSS文件的页面全部修改一遍，大量的重复劳动会带来开发成本的提高。

发明内容

本发明的目的在于，提供一种管理JS或CSS文件的方法及系统，它能够实现对JS或CSS文件的管理，并可以有效地减少网页中的请求，从而减少对系统资源的浪费，还可以对JS或CSS文件的版本进行控制，降低开发成本。

为解决上述技术问题，本发明采用如下的技术方案：一种管理JS或CSS文件的方法，包括以下步骤：

S1，分析服务器统计JS或CSS文件的使用频率；

S2，分析服务器定期更新中心配置，并将其更新结果发送给web服务器；

S3，用户通过客户端发出查看页面请求时，web服务器读取中心配置；

S4，web服务器根据中心配置对页面中的JS或CSS文件进行控制。

JS或CSS文件的使用频率是指JS或CSS文件被网页加载的频率。

前述的一种管理JS或CSS文件的方法，所述的步骤S2中，分析服务器定期更新中心配置包括：

将在同一页面大概率同时出现的多个JS或CSS文件合并为一个JS或CSS文件；

将JS或CSS文件更换为最新版本；

对特定的JS或CSS文件延时加载。所述的“在同一页面大概率同时出现的多个JS或CSS文件”，是指在同一页面同时出现的概率在40％以上，且访问量占总的JS或CSS文件访问量5％以上的JS或CSS文件。

前述的一种管理JS或CSS文件的方法，所述的对特定的JS或CSS文件延时加载包括：

对于需要用户操作触发其功能或者在页面加载的不同阶段自动触发其功能的JS或CSS文件进行延时加载；

根据网站设计需求，对需要延时的JS或CSS文件延时加载。

实现前述方法的一种管理JS或CSS文件的系统，包括：

频率统计模块，用于分析服务器统计JS或CSS文件的使用频率；

配置更新模块，用于分析服务器定期更新中心配置，并将其更新结果发送给web服务器；

配置读取模块，用于用户通过客户端发出查看页面请求时，web服务器读取中心配置；

文件控制模块，用于web服务器根据中心配置对页面中的JS或CSS文件进行控制。

前述的一种管理JS或CSS文件的系统，进一步包括，

合并模块，用于将在同一页面大概率同时出现的多个JS或CSS文件合并为一个JS或CSS文件；

版本更换模块，用于将JS或CSS文件更换为最新版本；

延时加载模块，用于对特定的JS或CSS文件延时加载。

与现有技术相比，本发明通过统计JS或CSS文件的使用频率，在后台更新中心配置，并将中心配置发送给web服务器，进而实现对JS或CSS文件的控制；本发明可以根据分析服务器JS或CSS文件使用频率的统计数据，将在同一页面重复出现的JS或CSS文件合并，可以有效地减少网页中的请求，从而减少对系统资源的浪费；本发明还可以通过分析服务器更新对JS或CSS文件的最新版本，并把它作为中心配置对网页中的JS或CSS文件版本进行控制，降低了开发成本，另外，本发明还可以对于需要用户操作触发其功能的JS或CSS文件进行延时加载，并可根据网站设计需求，对需要延时的JS或CSS文件延时加载，最大限度的减少了对系统资源的占用率；实际运营中，使用了本发明所述的方法后，系统的资源占用率减少了约10％，并使网站的首页显示速度提高5％-10％。

附图说明

图1是本发明的一种实施例的系统示意图；

图2是本发明的一种实施例的工作流程图。

附图标记：1-频率统计模块，2-配置更新模块，3-配置读取模块，4-文件控制模块，5-合并模块，6-版本更换模块，7-延时加载模块。

下面结合附图和具体实施方式对本发明作进一步的说明。

具体实施方式