[发明专利]JS文件处理方法和装置

说明书

技术领域

本发明涉及网页处理领域，具体而言，涉及一种JS文件处理方法和装置。

背景技术

目前网站的富前端现象越来越严重，而很多的前端功能都是需要引用第三方的JS文件来完成，所以网页加载引用JS文件已经成为一种网站开发的比较常见方式。

由于JS文件是阻塞加载模式，也就说如果网页顺序加载到JS文件时，只有完整加载了引用的JS文件，才会继续加载网页上JS文件之后的元素；如果这个过程中JS文件访问超时，网页也会一直等待，至超时之后再去加载别的元素。这样严重影响网页加载速度，导致网页速度较慢。

针对现有技术中网页加载速度慢的问题，目前尚未提出有效的解决方案。

发明内容

本发明的主要目的在于提供一种JS文件处理方法和装置，以解决现有技术中网页加载速度慢的问题。

为了实现上述目的，根据本发明实施例的一个方面，提供了一种JS文件处理方法。根据本发明的JS文件处理方法包括：接收网页加载请求，其中，上述网页加载请求用于请求加载目标网页，上述目标网页引用第一JS文件，上述第一JS文件为用于加载第二JS文件的框架文件，上述第二JS文件为用于实现前端功能的JS文件；基于上述网页加载请求加载上述目标网页并在上述目标网页上加载上述目标网页引用的上述第一JS文件；以及通过上述第一JS文件加载上述第二JS文件。

进一步地，上述第一JS文件携带有上述第二JS文件的位置参数，上述位置参数用于表示上述目标网页加载上述第二JS文件的页面位置，其中，通过上述第一JS文件加载上述第二JS文件包括：基于上述位置参数通过上述第一JS文件将上述第二JS文件加载到上述页面位置。

进一步地，上述第二JS文件包括多个JS文件，上述第一JS文件携带有上述多个JS文件的加载顺序，其中，通过上述第一JS文件加载上述第二JS文件包括：通过上述第一JS文件按照上述加载顺序依次加载上述多个JS文件。

进一步地，在接收网页加载请求之前，上述JS文件处理方法还包括：创建上述第一JS文件；在上述第一JS文件中添加用于表示上述多个JS文件的加载顺序的参数；以及将上述第一JS文件引用到上述目标网页。

进一步地，通过上述第一JS文件加载上述第二JS文件包括：在加载完上述第一JS文件之后，以及加载完上述目标网页之前，通过上述第一JS文件异步加载上述第二JS文件；或者在加载完上述目标网页之后，通过上述第一JS文件加载上述第二JS文件。

为了实现上述目的，根据本发明实施例的另一方面，提供了一种JS文件处理装置。根据本发明的JS文件处理装置可以包括：接收单元，用于接收网页加载请求，其中，上述网页加载请求用于请求加载目标网页，上述目标网页引用第一JS文件，上述第一JS文件为用于加载第二JS文件的框架文件，上述第二JS文件为用于实现前端功能的JS文件；第一加载单元，用于基于上述网页加载请求加载上述目标网页并在上述目标网页上加载上述目标网页引用的上述第一JS文件；以及第二加载单元，用于通过上述第一JS文件加载上述第二JS文件。

进一步地，上述第一JS文件携带有上述第二JS文件的位置参数，上述位置参数用于表示上述目标网页加载上述第二JS文件的页面位置，其中，上述第二加载单元可以包括：第一加载模块，用于基于上述位置参数通过上述第一JS文件将上述第二JS文件加载到上述页面位置。

进一步地，上述第二JS文件可以包括多个JS文件，上述第一JS文件携带有上述多个JS文件的加载顺序，其中，上述第二加载单元可以包括：第二加载模块，用于通过上述第一JS文件按照上述加载顺序依次加载上述多个JS文件。

进一步地，上述JS文件处理装置还可以包括：创建单元，用于在接收网页加载请求之前，创建上述第一JS文件；添加单元，用于在上述第一JS文件中添加用于表示上述多个JS文件的加载顺序的参数；以及引用单元，用于将上述第一JS文件引用到上述目标网页。

进一步地，上述第二加载单元可以包括：第三加载模块，用于在加载完上述第一JS文件之后，以及加载完上述目标网页之前，通过上述第一JS文件异步加载上述第二JS文件；或者第四加载模块，用于在加载完上述目标网页之后，通过上述第一JS文件加载上述第二JS文件。