一种页面加载方法、服务器及浏览器技术

本发明专利技术实施例提供一种页面加载方法、服务器及浏览器。所述方法包括：接收浏览器发送的待加载页面的HTTP请求；确定所述HTTP请求对应的HTML文件和预先合并的JS文件，所述JS文件中包括所述浏览器在构建DOM树的过程中所要执行的具有相同操作属性的JS子文件；将所述HTML文件和所述JS文件发送至所述浏览器，以供所述浏览器根据所述HTML文件和所述JS文件构建所述待加载页面的DOM树，根据所述DOM树加载所述待加载页面。本发明专利技术实施例提供的页面加载方法，减少DOM树操作，适合各种浏览器，通过合并JS子文件，减少了浏览器与服务器文件交互次数，提高了浏览器页面加载速度。

【技术实现步骤摘要】
一种页面加载方法、服务器及浏览器
本专利技术实施例涉及信息安全
，具体涉及一种页面加载方法、服务器及浏览器。
技术介绍
近年来，随着互联网技术的发展，互联网为各类用户提供的信息越来越广泛，浏览器页面在打开时加载的内容也相应地增加，导致浏览器页面加载时间长，页面响应缓慢。通常浏览器在加载页面时，首先获取页面统一资源定位符(UniformResourceLocator，URL)，然后向服务器发出超文本传输协议(HyperTextTransferProtocol，HTTP)请求，服务器返回超文本标记语言(HyperTextMarkupLanguage，HTML)文件，浏览器将HTML文件转换成文档对象模型树(DocumentObjectModel，DOM)，在转换的过程中如果发现DOM树某个节点引用了JavaScript(以下简称JS)，浏览器向服务器发送JS请求，从服务器下载JS文件，浏览器根据JS文件渲染DOM树，直到DOM树上所有节点均被渲染完成，浏览器完成页面加载。为提高浏览器页面加载速度，现有技术主要有以下三种方式：(1)对JS文件进行压缩，降低JS文件的大小，通过减少浏览器下载JS文件所消耗的时间来提高浏览器页面加载速度。(2)对JS文件进行分类处理，通过设置延迟属性，延迟加载浏览器页面展示阶段不需要的JS文件。(3)将Script标签放底部，改变浏览器加载顺序，将页面提前展示给用户，避免页面长时间的空白。然而，上述方法存在缺陷：首先压缩文件对JS文件大小的影响是比较小的，能够影响速度的空间有限，其次延迟属性defer对浏览器版本要求较高，且存在兼容性问题，最后改变浏览器加载顺序只是调整了浏览器加载顺序，并没有改变要加载的内容，页面展示最终所消耗的时间并没有改变。
技术实现思路
针对现有技术中的缺陷，本专利技术实施例提供了一种页面加载方法、服务器及浏览器。第一方面，本专利技术实施例提供一种页面加载方法，包括：接收浏览器发送的待加载页面的HTTP请求；确定所述HTTP请求对应的HTML文件和预先合并的JS文件，所述JS文件中包括所述浏览器在构建DOM树的过程中所要执行的具有相同操作属性的JS子文件；将所述HTML文件和所述JS文件发送至所述浏览器，以供所述浏览器根据所述HTML文件和所述JS文件构建所述待加载页面的DOM树，根据所述DOM树加载所述待加载页面。第二方面，本专利技术又一实施例提供一种页面加载方法，包括：向服务器发送待加载页面的HTTP请求，以供所述服务器确定所述HTTP请求对应的HTML文件和预先合并的JS文件，所述JS文件中包括所述浏览器在构建DOM树的过程中所要执行的具有相同操作属性的JS子文件；接收所述服务器发送的所述HTML文件和所述JS文件，根据所述HTML文件和所述JS文件构建所述待加载页面的DOM树，根据所述DOM树加载所述待加载页面。第三方面，本专利技术实施例提供一种服务器，包括：第一接收模块，用于接收浏览器发送的待加载页面的HTTP请求；处理模块，用于确定所述HTTP请求对应的HTML文件和预先合并的JS文件，所述JS文件中包括所述浏览器在构建DOM树的过程中所要执行的具有相同操作属性的JS子文件；第一发送模块，用于将所述HTML文件和所述JS文件发送至所述浏览器，以供所述浏览器根据所述HTML文件和所述JS文件构建所述待加载页面的DOM树，根据所述DOM树加载所述待加载页面。第四方面，本专利技术实施例提供一种浏览器，包括：第二发送模块，用于向服务器发送待加载页面的HTTP请求，以供所述服务器，确定所述HTTP请求对应的HTML文件和预先合并DOM树操作的JS文件；第二接收模块，用于接收所述服务器发送的所述HTML文件和所述JS文件，根据所述HTML文件和所述JS文件构建所述待加载页面的DOM树，根据所述DOM树加载所述待加载页面。第五方面，本专利技术实施例提供一种电子设备，包括：存储器和处理器，所述处理器和所述存储器通过总线完成相互间的通信；所述存储器存储有可被所述处理器执行的程序指令，所述处理器调用所述程序指令能够执行如下方法：接收浏览器发送的待加载页面的HTTP请求；确定所述HTTP请求对应的HTML文件和预先合并的JS文件，所述JS文件中包括所述浏览器在构建DOM树的过程中所要执行的具有相同操作属性的JS子文件；将所述HTML文件和所述JS文件发送至所述浏览器，以供所述浏览器根据所述HTML文件和所述JS文件构建所述待加载页面的DOM树，根据所述DOM树加载所述待加载页面。第六方面，本专利技术实施例提供一种存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如下方法：接收浏览器发送的待加载页面的HTTP请求；确定所述HTTP请求对应的HTML文件和预先合并的JS文件，所述JS文件中包括所述浏览器在构建DOM树的过程中所要执行的具有相同操作属性的JS子文件；将所述HTML文件和所述JS文件发送至所述浏览器，以供所述浏览器根据所述HTML文件和所述JS文件构建所述待加载页面的DOM树，根据所述DOM树加载所述待加载页面。本专利技术实施例提供的页面加载方法、服务器及浏览器，通过服务器预先合并浏览器在构建DOM树的过程中所要执行的具有相同操作属性的JS子文件，减少浏览器构建DOM树的操作，适合各种浏览器，提高了浏览器页面加载速度，此外，本专利技术实施例通过合并JS子文件，减少了浏览器与服务器文件交互次数，进一步提高了浏览器页面加载速度。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的页面加载方法流程示意图；图2为本专利技术又一实施例提供的页面加载方法流程示意图；图3为本专利技术实施例提供的服务器结构示意图；图4为本专利技术实施例提供的浏览器结构示意图；图5为本专利技术实施例提供的电子设备的结构示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。图1为本专利技术实施例提供的页面加载方法流程示意图，如图1所示，所述方法包括：步骤S11、接收浏览器发送的待加载页面的HTTP请求；当用户在浏览器上输入待浏览网页的访问页面地址后，浏览器根据用户输入加载该页面，具体地，浏览器首先获得该页面的URL，然后浏览器根据该URL确定存储该页面资源的网络服务器，或者浏览器通过DNS服务器确定存储该页面资源的网络服务器(以下简称服务器)，之后浏览器向该服务器发送待加载页面的HTTP请求。步骤S12、确定所述HTTP请求对应的HTML文件和预先合并的JS文件，所述JS文件中包括所述浏览器在构建DOM树的过程中所要执行的具有相同操作属性的JS子文件；具体地，服务器存储了待浏览网页对应的HTML文件和所需的JS子文件，而HTML本文档来自技高网...

【技术保护点】
一种页面加载方法，其特征在于，包括：接收浏览器发送的待加载页面的HTTP请求；确定所述HTTP请求对应的HTML文件和预先合并的JS文件，所述JS文件中包括所述浏览器在构建DOM树的过程中所要执行的具有相同操作属性的JS子文件；将所述HTML文件和所述JS文件发送至所述浏览器，以供所述浏览器根据所述HTML文件和所述JS文件构建所述待加载页面的DOM树，根据所述DOM树加载所述待加载页面。

【技术特征摘要】
1.一种页面加载方法，其特征在于，包括：接收浏览器发送的待加载页面的HTTP请求；确定所述HTTP请求对应的HTML文件和预先合并的JS文件，所述JS文件中包括所述浏览器在构建DOM树的过程中所要执行的具有相同操作属性的JS子文件；将所述HTML文件和所述JS文件发送至所述浏览器，以供所述浏览器根据所述HTML文件和所述JS文件构建所述待加载页面的DOM树，根据所述DOM树加载所述待加载页面。2.根据权利要求1所述的方法，其特征在于，所述预先合并的JS文件通过以下步骤获得：获取所述HTML文件对应的所有的JS子文件；根据预设分类规则将所述所有的JS子文件划分为公用JS文件、第一JS文件和第二JS文件，其中，所述公用JS文件包括所有的浏览器在构建DOM树的过程中均需执行的JS子文件，所述第一JS文件包括所述浏览器在根据所述HTML文件构建DOM树的过程中首次展示页面所需执行的JS子文件，所述第二JS文件包括所述浏览器在获取用户操作之后调整DOM树的过程中所要执行的JS子文件；合并所述公用JS文件，根据预设优化规则删除所述公用JS文件中的注释和空格；合并所述第一JS文件，根据预设优化规则合并所述第一JS文件中的DOM树操作，并按照DOM树操作从上到下顺序组织所述第一JS文件的JS代码；合并所述第二JS文件，根据预设优化规则合并所述第二JS文件中的DOM树操作，并按照DOM树操作从上到下顺序组织所述第二JS文件的JS代码。3.根据权利要求2所述的方法，其特征在于，所述将所述HTML文件和所述JS文件发送至所述浏览器，以供所述浏览器根据所述HTML文件和所述JS文件构建所述待加载页面的DOM树，根据所述DOM树加载所述待加载页面，包括：将所述HTML文件和所述公用JS文件发送至所述浏览器，以供所述浏览器根据所述HTML文件和所述公用JS文件构建所述待加载页面的DOM树；接收所述浏览器发送的第一JS请求，向所述浏览器发送第一JS文件，以供所述浏览器根据所述第一JS文件继续构建所述DOM树；接收所述浏览器发送的第二JS请求，向所述浏览器发送第二JS文件，以供所述浏览器根据所述第二JS文件调整所述DOM树。4.一种页面加载方法，其特征在于，包括：向服务器发送待加载页面的HTTP请求，以供所述服务器确定所述HTTP请求对应的HTML文件和预先合并的JS文件，所述JS文件中包括所述浏览器在构建DOM树的过程中所要执行的具有相同操作属性的JS子文件；接收所述服务器发送的所述HTML文件和所述JS文件，根据所述HTML文件和所述JS文件构建所述待加载页面的DOM树，根据所述DOM树加载所述待加载页面。5.根据权利要求4所述的方法，其特征在于，所述预先合并的JS文件包括：公用JS文件、第一JS文件和第二JS文件，其中，所述公用JS文件包括所有的浏览器在构建DOM树的过程中均需执行的JS子文件，所述第一JS文件包括所述浏览器在根据所述HTML文件构建DOM树的过程中首次展示页面所需执行的JS子文件，所述第二JS文件...

【专利技术属性】
技术研发人员：宋永超，王刚，杜军，党艳平，
申请(专利权)人：北京北信源软件股份有限公司，
类型：发明
国别省市：北京,11