[发明专利]一种降低网页浏览器加载负载的方法及其装置

说明书

技术领域

本发明属于网络信息领域，涉及一种以网页浏览器为主要对象，致力于减少网站所耗带宽及流量、降低网页浏览器在加载JavaScript脚本及呈现前端动态效果时的负载，特别涉及一种降低网页浏览器加载负载的方法及其装置。

背景技术

随着互联网的普及以及用户体验的需要，越来越多的网站在建站过程中首先考虑的便是提供交互性更强的动态效果的同时满足大多数网页浏览器的兼容性；但是由于网页浏览器种类多样，版本纷繁复杂，所承载浏览器的设备不断更新，想要确保浏览器兼容性可谓难上加难。

网页动态交互效果的实现技术多种多样，而能给用户极佳体验的唯有JavaScript脚本一种，而JavaScript在不同浏览器之间的实现也不尽相同，加上网页设计师水平的参差不齐，就算使用JavaScript也不一定能达到预期的效果。为了解决这些问题，JavaScript框架与UI(界面组件，例如：按钮、下拉菜单、复选框、表格和窗口等)层出不穷，例如：JQuery、Dojo和ExtJs等等。

不论公众网站中还是在政务或办公自动化系统中，<iframe>标签成为组织网页的一种重要形式，可以将整个网页拆解为多个部分，每个部分相互配合，交互，替换来实现一个网页应有的功能，简化网页设计以及提高重用性。

在这样一个用了大量JavaScript框架与UI组件的网站中每个<iframe>加载一次均要重新加载所需的JavaScript框架与UI组件，这带来了极高的网络开销及网页浏览器负载。

发明内容

本发明提供了一种降低网页浏览器加载负载的方法及其装置，本发明降低了网页浏览器的负载和网络开销，提高了使用效率，详见下文描述：

一种降低网页浏览器加载负载的方法，所述方法包括：

在主页面或者最先加载的标签中一次性统一加载第一JavaScript框架与UI组件；

通过工厂方法生成第二标签，并监听所述第二标签中加载页面完成的事件；

当所述第二标签没有加载预设JavaScript框架与界面组件时，构建与所述预设JavaScript框架与UI组件相匹配的浅克隆对象；

将所述浅克隆对象注入所述第二标签中的页面，获取第三标签，并修正所述第三标签中的页面；

执行修正后第三标签加载页面的回调，生成浏览器中的页面。

所述当第二标签没有加载预设JavaScript框架与界面组件时，构建与所述预设JavaScript框架与UI组件相匹配的浅克隆对象的过程具体为：

当所述第二标签加载页面完成后，判断所述第二标签是否已经加载了所述预设JavaScript框架与UI组件，如果是，流程结束，如果否，构建与所述预设JavaScript框架与UI组件相匹配的浅克隆对象。

所述修正第三标签中的页面的过程具体为：修正与父页面中名称一样但是并不等同的对象或者类。

另，一种降低网页浏览器加载负载的方法，所述方法包括：

在主页面或者最先加载的标签中一次性统一加载第一JavaScript框架与UI组件；

通过工厂方法生成第二标签，并监听所述第二标签中加载页面完成的事件；

当所述第二标签没有加载预设JavaScript框架与界面组件时，修正第二标签中的页面，构建与所述预设JavaScript框架与UI组件相匹配的浅克隆对象；

将所述浅克隆对象注入修正后第二标签中的页面，获取第三标签；

执行所述第三标签加载页面的回调，生成浏览器中的页面，流程结束。

所述当第二标签没有加载预设JavaScript框架与界面组件时，修正第二标签中的页面，构建与预设JavaScript框架与UI组件相匹配的浅克隆对象的过程具体为：

当所述第二标签加载页面完成后，判断所述第二标签是否已经加载了所述预设JavaScript框架与UI组件，如果是，流程结束，如果否，修正第二标签中的页面，构建与所述预设JavaScript框架与UI组件相匹配的浅克隆对象。

所述修正第二标签中的页面的过程具体为：修正与父页面中名称一样但是并不等同的对象或者类。

另，一种降低网页浏览器加载负载的方法，所述方法包括：

在主页面或者最先加载的标签中一次性统一加载第一JavaScript框架与UI组件；

通过工厂方法生成第二标签，并监听所述第二标签中加载页面完成的事件；