专利名称：一种管理js或css文件的方法及系统的制作方法
技术领域：
本发明涉及一种管理JS或CSS文件的方法及系统，属于网络通信领域。
背景技术：
目前，为了优化web的性能，大部分网页中的Jav必cript和CSS文件，会根据实际情况进行合并，但现有的技术没有进行系统的统计分析，因而难以达到最优的合并结果。这些合并中相当多的是有选择地手动完成，每次新的合并都需要重新在本地完成并上传到服务器，比较的随意和繁琐，缺乏有效地管理；现有的技术不能使对网页的请求数以及网页产生的流量开销达到最小，从而造成了对系统资源的浪费；并且在遇到文件版本更新时，更新一个JS或CSS文件版本，需要把所有使用到该JS或CSS文件的页面全部修改一遍，大量的重复劳动会带来开发成本的提高。
发明内容
本发明的目的在于，提供一种管理JS或CSS文件的方法及系统，它能够实现对JS 或CSS文件的管理，并可以有效地减少网页中的请求，从而减少对系统资源的浪费，还可以对JS或CSS文件的版本进行控制，降低开发成本。为解决上述技术问题，本发明采用如下的技术方案一种管理JS或CSS文件的方法，包括以下步骤Si，分析服务器统计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-延时加载模块。下面结合附图和具体实施方式
对本发明作进一步的说明。
具体实施例方式
具体实施例方式一种管理JS或CSS文件的方法，包括以下步骤Si，分析服务器统计JS或CSS文件的使用频率；S2，分析服务器定期更新中心配置，并将其更新结果发送给web服务器；S3，用户通过客户端发出查看页面请求时，web服务器读取中心配置；S4, web服务器根据中心配置对页面中的JS或CSS文件进行控制。所述的步骤S2中，分析服务器定期更新中心配置包括将在同一页面大概率同时出现的多个JS或CSS文件合并为一个JS或CSS文件；将JS或CSS文件更换为最新版本；对特定的JS或CSS文件延时加载。所述的“在同一页面大概率同时出现的多个JS或CSS文件”，是指在同一页面同时出现的概率在40%以上，且访问量占总的JS或CSS文件访问量5%以上的JS或CSS文件。所述的对特定的JS或CSS文件延时加载包括对于需要用户操作触发其功能或者在页面加载的不同阶段自动触发其功能的JS 或CSS文件进行延时加载；比如，页面主体内容加载完，延迟1分钟，再自动加载某些JS或 CSS文件；根据网站设计需求，对需要延时的JS或CSS文件延时加载。所述的web服务器根据中心配置对页面中的JS或CSS文件进行控制，包括将在同一页面大概率同时出现的多个JS或CSS文件合并为一个JS或CSS文件；将JS或CSS文件更换为最新版本；对特定的JS或CSS文件延时加载。实现前述方法的一种管理JS或CSS文件的系统，其系统示意图如图1所示；包括频率统计模块1，用于分析服务器统计JS或CSS文件的使用频率；配置更新模块2，用于分析服务器定期更新中心配置，并将其更新结果发送给web 服务器；配置读取模块3，用于用户通过客户端发出查看页面请求时，web服务器读取中心配置；文件控制模块4，用于web服务器根据中心配置对页面中的JS或CSS文件进行控制。系统进一步包括，合并模块5，用于将在同一页面大概率同时出现的多个JS或CSS文件合并为一个 JS或CSS文件；版本更换模块6，用于将JS或CSS文件更换为最新版本；延时加载模块7，用于对特定的JS或CSS文件延时加载。所述的“在同一页面大概率同时出现的多个JS或CSS文件”，是指在同一页面同时出现的概率在40%以上，且访问量占总的JS或CSS文件访问量5%以上的JS或CSS文件。本发明的一种实施例的工作流程(参见图2)S10,分析服务器通过频率统计模块统计JS或CSS文件的使用频率；S20，分析服务器通过配置更新模块每小时更新一次中心配置，并将其更新结果发送给web服务器；S30，用户通过客户端发出查看页面请求时，web服务器通过配置读取模块读取中心配置；S40, web服务器根据中心配置通过文件控制模块对页面中的JS或CSS文件进行控制。
权利要求
1.一种管理JS或CSS文件的方法，其特征在于，包括以下步骤 Si，分析服务器统计JS或CSS文件的使用频率；S2，分析服务器定期更新中心配置，并将其更新结果发送给web服务器； S3，用户通过客户端发出查看页面请求时，web服务器读取中心配置； S4, web服务器根据中心配置对页面中的JS或CSS文件进行控制。
2.根据权利要求1所述的一种管理JS或CSS文件的方法，其特征在于，所述的步骤S2 中，分析服务器定期更新中心配置包括将在同一页面大概率同时出现的多个JS或CSS文件合并为一个JS或CSS文件； 将JS或CSS文件更换为最新版本； 对特定的JS或CSS文件延时加载。
3.根据权利要求2所述的一种管理JS或CSS文件的方法，其特征在于，所述的对特定的JS或CSS文件延时加载包括对于需要用户操作触发其功能或者在页面加载的不同阶段自动触发其功能的JS或 CSS文件进行延时加载；根据网站设计需求，对需要延时的JS或CSS文件延时加载。
4.实现权利要求1 3所述方法的一种管理JS或CSS文件的系统，其特征在于，包括 频率统计模块(1)，用于分析服务器统计JS或CSS文件的使用频率；配置更新模块( ，用于分析服务器定期更新中心配置，并将其更新结果发送给Web服务器；配置读取模块(3)，用于用户通过客户端发出查看页面请求时，web服务器读取中心配置；文件控制模块(4)，用于web服务器根据中心配置对页面中的JS或CSS文件进行控制。
5.根据权利要求4所述的一种管理JS或CSS文件的系统，其特征在于进一步包括， 合并模块(5)，用于将在同一页面大概率同时出现的多个JS或CSS文件合并为一个JS或CSS文件；版本更换模块(6)，用于将JS或CSS文件更换为最新版本； 延时加载模块(7)，用于对特定的JS或CSS文件延时加载。
全文摘要
本发明公开了一种管理JS或CSS文件的方法及系统，所述方法包括以下步骤S1，分析服务器统计JS或CSS文件的使用频率；S2，分析服务器定期更新中心配置，并将其更新结果发送给web服务器；S3，用户通过客户端发出查看页面请求时，web服务器读取中心配置；S4，web服务器根据中心配置对页面中的JS或CSS文件进行控制；本发明能够实现对JS或CSS文件的管理，并可以有效地减少网页中的请求，从而减少对系统资源的浪费，还可以对JS或CSS文件的版本进行控制，降低开发成本。
文档编号H04L12/24GK102255745SQ201110009900
公开日2011年11月23日 申请日期2011年1月18日 优先权日2011年1月18日
发明者伍星, 刘珊珊, 王剑清 申请人:北京开心人信息技术有限公司