CN102255745A - 一种管理js或css文件的方法及系统 - Google Patents
一种管理js或css文件的方法及系统 Download PDFInfo
- Publication number
- CN102255745A CN102255745A CN2011100099009A CN201110009900A CN102255745A CN 102255745 A CN102255745 A CN 102255745A CN 2011100099009 A CN2011100099009 A CN 2011100099009A CN 201110009900 A CN201110009900 A CN 201110009900A CN 102255745 A CN102255745 A CN 102255745A
- Authority
- CN
- China
- Prior art keywords
- css file
- css
- file
- web server
- module
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Abstract
本发明公开了一种管理JS或CSS文件的方法及系统,所述方法包括以下步骤:S1,分析服务器统计JS或CSS文件的使用频率;S2,分析服务器定期更新中心配置,并将其更新结果发送给web服务器;S3,用户通过客户端发出查看页面请求时,web服务器读取中心配置;S4,web服务器根据中心配置对页面中的JS或CSS文件进行控制;本发明能够实现对JS或CSS文件的管理,并可以有效地减少网页中的请求,从而减少对系统资源的浪费,还可以对JS或CSS文件的版本进行控制,降低开发成本。
Description
技术领域
本发明涉及一种管理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-延时加载模块。
下面结合附图和具体实施方式对本发明作进一步的说明。
具体实施方式
本发明的实施例:一种管理JS或CSS文件的方法,包括以下步骤:
S1,分析服务器统计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文件进行控制。
Claims (5)
1.一种管理JS或CSS文件的方法,其特征在于,包括以下步骤:
S1,分析服务器统计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文件的使用频率;
配置更新模块(2),用于分析服务器定期更新中心配置,并将其更新结果发送给web服务器;
配置读取模块(3),用于用户通过客户端发出查看页面请求时,web服务器读取中心配置;
文件控制模块(4),用于web服务器根据中心配置对页面中的JS或CSS文件进行控制。
5.根据权利要求4所述的一种管理JS或CSS文件的系统,其特征在于:进一步包括,
合并模块(5),用于将在同一页面大概率同时出现的多个JS或CSS文件合并为一个JS或CSS文件;
版本更换模块(6),用于将JS或CSS文件更换为最新版本;
延时加载模块(7),用于对特定的JS或CSS文件延时加载。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2011100099009A CN102255745A (zh) | 2011-01-18 | 2011-01-18 | 一种管理js或css文件的方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2011100099009A CN102255745A (zh) | 2011-01-18 | 2011-01-18 | 一种管理js或css文件的方法及系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102255745A true CN102255745A (zh) | 2011-11-23 |
Family
ID=44982751
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2011100099009A Pending CN102255745A (zh) | 2011-01-18 | 2011-01-18 | 一种管理js或css文件的方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102255745A (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102902558A (zh) * | 2012-09-11 | 2013-01-30 | 新浪网技术(中国)有限公司 | 项目脚本文件更新系统和方法、脚本文件合并方法和装置 |
CN103019720A (zh) * | 2012-12-14 | 2013-04-03 | 北京奇虎科技有限公司 | 在浏览器中处理页面的方法及设备 |
CN103377064A (zh) * | 2012-04-28 | 2013-10-30 | 阿里巴巴集团控股有限公司 | 一种页面脚本的加载方法及装置 |
CN104468740A (zh) * | 2014-11-21 | 2015-03-25 | 网宿科技股份有限公司 | 一种网页传输智能处理系统及其方法 |
CN104504095A (zh) * | 2014-12-29 | 2015-04-08 | 北京奇虎科技有限公司 | 页面调用文件生成方法和装置 |
CN105205080A (zh) * | 2014-06-26 | 2015-12-30 | 阿里巴巴集团控股有限公司 | 冗余文件清理方法、装置和系统 |
CN106055575A (zh) * | 2016-05-19 | 2016-10-26 | 天脉聚源(北京)传媒科技有限公司 | 一种网站页面优化加载的方法及装置 |
CN107545058A (zh) * | 2017-08-29 | 2018-01-05 | 北京北信源软件股份有限公司 | 一种页面加载方法、服务器及浏览器 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101072122A (zh) * | 2007-03-30 | 2007-11-14 | 腾讯科技(深圳)有限公司 | 获取访问量统计数据的方法、系统和用户端设备 |
CN101504671A (zh) * | 2009-03-05 | 2009-08-12 | 阿里巴巴集团控股有限公司 | 用户访问网页行为的可视化处理方法、装置及系统 |
CN101645090A (zh) * | 2009-08-04 | 2010-02-10 | 成都市华为赛门铁克科技有限公司 | 页面显示方法、服务器及网络系统 |
CN101771681A (zh) * | 2008-12-30 | 2010-07-07 | 北大方正集团有限公司 | 一种页面显示控制方法、服务器及系统 |
-
2011
- 2011-01-18 CN CN2011100099009A patent/CN102255745A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101072122A (zh) * | 2007-03-30 | 2007-11-14 | 腾讯科技(深圳)有限公司 | 获取访问量统计数据的方法、系统和用户端设备 |
CN101771681A (zh) * | 2008-12-30 | 2010-07-07 | 北大方正集团有限公司 | 一种页面显示控制方法、服务器及系统 |
CN101504671A (zh) * | 2009-03-05 | 2009-08-12 | 阿里巴巴集团控股有限公司 | 用户访问网页行为的可视化处理方法、装置及系统 |
CN101645090A (zh) * | 2009-08-04 | 2010-02-10 | 成都市华为赛门铁克科技有限公司 | 页面显示方法、服务器及网络系统 |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103377064A (zh) * | 2012-04-28 | 2013-10-30 | 阿里巴巴集团控股有限公司 | 一种页面脚本的加载方法及装置 |
CN103377064B (zh) * | 2012-04-28 | 2016-08-31 | 阿里巴巴集团控股有限公司 | 一种页面脚本的加载方法及装置 |
CN102902558B (zh) * | 2012-09-11 | 2016-05-11 | 新浪网技术(中国)有限公司 | 项目脚本文件更新系统和方法、脚本文件合并方法和装置 |
CN102902558A (zh) * | 2012-09-11 | 2013-01-30 | 新浪网技术(中国)有限公司 | 项目脚本文件更新系统和方法、脚本文件合并方法和装置 |
CN103019720B (zh) * | 2012-12-14 | 2017-11-17 | 北京奇虎科技有限公司 | 在浏览器中处理页面的方法及设备 |
CN103019720A (zh) * | 2012-12-14 | 2013-04-03 | 北京奇虎科技有限公司 | 在浏览器中处理页面的方法及设备 |
CN105205080A (zh) * | 2014-06-26 | 2015-12-30 | 阿里巴巴集团控股有限公司 | 冗余文件清理方法、装置和系统 |
CN105205080B (zh) * | 2014-06-26 | 2019-08-20 | 阿里巴巴集团控股有限公司 | 冗余文件清理方法、装置和系统 |
CN104468740A (zh) * | 2014-11-21 | 2015-03-25 | 网宿科技股份有限公司 | 一种网页传输智能处理系统及其方法 |
CN104504095A (zh) * | 2014-12-29 | 2015-04-08 | 北京奇虎科技有限公司 | 页面调用文件生成方法和装置 |
CN106055575A (zh) * | 2016-05-19 | 2016-10-26 | 天脉聚源(北京)传媒科技有限公司 | 一种网站页面优化加载的方法及装置 |
CN107545058A (zh) * | 2017-08-29 | 2018-01-05 | 北京北信源软件股份有限公司 | 一种页面加载方法、服务器及浏览器 |
CN107545058B (zh) * | 2017-08-29 | 2019-12-03 | 北京北信源软件股份有限公司 | 一种页面加载方法、服务器及浏览器 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102255745A (zh) | 一种管理js或css文件的方法及系统 | |
CN109947668B (zh) | 存储数据的方法和装置 | |
KR101434887B1 (ko) | 네트워크 스위치를 이용한 캐시 시스템 및 캐시 서비스 제공 방법 | |
CN101136911B (zh) | 一种采用p2p技术下载文件的方法和p2p下载系统 | |
CN104199666A (zh) | 一种应用程序动态配置方法及装置 | |
CN104639374A (zh) | 一种应用程序部署管理系统 | |
CN104854567A (zh) | 鉴于数据使用统计的设备备份和更新 | |
CN111092921B (zh) | 数据采集方法、装置及存储介质 | |
CN104331444A (zh) | 一种保护数据库的方法和装置 | |
CN102508693A (zh) | 基于虚拟机的Web服务器扩容系统 | |
CN102833350A (zh) | WebApp更新的处理方法和处理装置 | |
CN108712296A (zh) | 一种基于分布式的日志监控装置及方法 | |
CN103581332A (zh) | HDFS架构及HDFS架构中NameNode节点的压力分解方法 | |
CN102984203B (zh) | 基于云计算的提高缓存设备利用率的方法、装置及系统 | |
CN103064670A (zh) | 基于位置网的创新平台数据管理方法及系统 | |
CN102404411A (zh) | 云存储系统的数据同步方法 | |
CN111638959A (zh) | 云环境下基于负载回归预测的弹性伸缩方法及可读存储介质 | |
CN103154896A (zh) | 配置虚拟计算机的方法和装置 | |
CN105205125A (zh) | 一种应用程序的推荐方法及其装置 | |
CN105302602A (zh) | 一种云平台应用程序平滑在线升级方法 | |
CN102385614A (zh) | 一种终端文件更新管理方法及系统 | |
CN107203256B (zh) | 一种网络功能虚拟化场景下的节能分配方法与装置 | |
CN104462166A (zh) | 一种报表生成方法和系统 | |
CN103763336A (zh) | 一种面向复杂网络架构的软件更新方法 | |
CN102420870A (zh) | 一种用于瘦客户端的网络文件存储方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20111123 |