一种页面性能优化方法和装置制造方法及图纸

本发明专利技术公开了一种页面性能优化方法和装置，该页面性能优化方法包括：接收浏览器的访问请求时，确定访问请求对应的多个页面文件；将多个页面文件压缩成一个资源文件，并将资源文件返回给浏览器；浏览器根据接收到的资源文件，渲染页面。本发明专利技术通过接收浏览器的访问请求时，确定访问请求对应的多个页面文件，随后将多个页面文件压缩成一个资源文件，并将资源文件返回给浏览器，最后浏览器根据接收到的资源文件，渲染页面，从而通过将浏览器所需要的页面文件进行合并，浏览器请求完之后再拆分出浏览器需要的页面文件实现了请求次数的减少，进而实现了性能的优化。

A method and device for page performance optimization

The present invention discloses a method and device for page performance optimization. The page performance optimization method includes: when receiving the access request of the browser, it determines the multiple page files corresponding to the access request, compresses multiple page files into a resource file, and returns the resource file to the browser; the browser is received according to the received. Resource file, render page. By receiving the access request of the browser, the invention determines the multiple page files corresponding to the access request, then compresses multiple page files into a resource file, and returns the resource file to the browser. Finally, the browser render the page based on the received resource file, thereby by the pages needed by the browser. The face file is merged, and the browser's request is broken down after the request is finished, and the number of requests is reduced, and then the performance is optimized.

【技术实现步骤摘要】
一种页面性能优化方法和装置
本专利技术涉及计算机领域，具体来说，涉及一种页面性能优化方法和装置。
技术介绍
随着浏览器的发展的越来越迅速，性能优化的问题也是越来越重要。然而，现有的技术方案是每次访问页面需要的文件都得分开进行一个一个的请求需要的数据，因为文件的类型的不同，如HTML(超文本链接标示语言)文件、JS(JavaScript，其是脚本语言，向HTML添加交互的语言)文件、CSS(层叠样式表)文件、图片等它们的格式本来就不同，所以每次请求的方式，怎样来请求都是不一样的，所以只能分开来一个一个的请求来实现网页需要的结果，但是，上面这种方式导致浏览器的请求次数比较多，从而浏览器的性能受到了影响。针对相关技术中的问题，目前尚未提出有效的解决方案。
技术实现思路
针对相关技术中的问题，本专利技术提出一种页面性能优化方法和装置。本专利技术的技术方案是这样实现的：根据本专利技术的一个方面，提供了一种页面性能优化方法。该页面性能优化方法包括：接收浏览器的访问请求时，确定访问请求对应的多个页面文件；将多个页面文件压缩成一个资源文件，并将资源文件返回给浏览器；浏览器根据接收到的资源文件，渲染页面。根据本专利技术的一个实施例，页面文件包括以下至少之一：HTML文件、JS文件、CSS文件。根据本专利技术的一个实施例，将多个页面文件压缩成一个资源文件，并将资源文件返回给浏览器包括：分别在每个页面文件上添加特殊字段；将多个添加特征字段后的页面文件压缩成一个资源文件，并将资源文件返回给浏览器。根据本专利技术的一个实施例，浏览器根据接收到的资源文件，渲染页面包括：浏览器将接收到的资源文件进行拆分，并根据页面文件的扩展名和特征字段，区分每个页面文件；浏览器将拆分后的页面文件保存在缓存中，并根据缓存中保存的页面文件，渲染页面。根据本专利技术的另一方面，提供了一种页面性能优化装置。该页面性能优化装置包括：确定模块，用于接收浏览器的访问请求时，确定访问请求对应的多个页面文件；压缩模块，用于将多个页面文件压缩成一个资源文件，并将资源文件返回给浏览器；渲染模块，用于浏览器根据接收到的资源文件，渲染页面。根据本专利技术的一个实施例，页面文件包括以下至少之一：HTML文件、JS文件、CSS文件。根据本专利技术的一个实施例，压缩模块包括：添加模块，用于分别在每个页面文件上添加特殊字段；压缩子模块，用于将多个添加特征字段后的页面文件压缩成一个资源文件，并将资源文件返回给浏览器。根据本专利技术的一个实施例，渲染模块包括：拆分模块，用于浏览器将接收到的资源文件进行拆分，并根据页面文件的扩展名和特征字段，区分每个页面文件；渲染子模块，用于浏览器将拆分后的页面文件保存在缓存中，并根据缓存中保存的页面文件，渲染页面。本专利技术的有益技术效果在于：本专利技术通过接收浏览器的访问请求时，确定访问请求对应的多个页面文件，随后将多个页面文件压缩成一个资源文件，并将资源文件返回给浏览器，最后浏览器根据接收到的资源文件，渲染页面，从而通过将浏览器所需要的页面文件进行合并，浏览器请求完之后再拆分出浏览器需要的页面文件实现了请求次数的减少，进而实现了性能的优化。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是根据本专利技术实施例的页面性能优化方法的流程图；图2是根据本专利技术实施例的页面性能优化方法的具体流程图；图3是现有技术中的请求数据的示意图；图4是根据本专利技术实施例的请求数据的示意图；图5是根据本专利技术实施例的页面性能优化装置的框图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员所获得的所有其他实施例，都属于本专利技术保护的范围。根据本专利技术的实施例，提供了一种页面性能优化方法。如图1所示，根据本专利技术实施例的页面性能优化方法包括：步骤S101，接收浏览器的访问请求时，确定访问请求对应的多个页面文件；步骤S103，将多个页面文件压缩成一个资源文件，并将资源文件返回给浏览器；步骤S105，浏览器根据接收到的资源文件，渲染页面。借助于本专利技术的技术方案，通过接收浏览器的访问请求时，确定访问请求对应的多个页面文件，随后将多个页面文件压缩成一个资源文件，并将资源文件返回给浏览器，最后浏览器根据接收到的资源文件，渲染页面，从而通过将浏览器所需要的页面文件进行合并，浏览器请求完之后再拆分出浏览器需要的页面文件实现了请求次数的减少，进而实现了性能的优化。根据本专利技术的一个实施例，页面文件包括以下至少之一：HTML文件、JS文件、CSS文件。根据本专利技术的一个实施例，将多个页面文件压缩成一个资源文件，并将资源文件返回给浏览器包括：分别在每个页面文件上添加特殊字段；将多个添加特征字段后的页面文件压缩成一个资源文件，并将资源文件返回给浏览器。根据本专利技术的一个实施例，浏览器根据接收到的资源文件，渲染页面包括：浏览器将接收到的资源文件进行拆分，并根据页面文件的扩展名和特征字段，区分每个页面文件；浏览器将拆分后的页面文件保存在缓存中，并根据缓存中保存的页面文件，渲染页面。为了更好的理解本专利技术的技术方案，下面通过具体的实施例进行详细的描述。由于现有的技术方案是浏览器在请求资源时，其都是频繁的建立连接跟断开连接来实现多个页面文件的请求，该方式对浏览器的性能影响比较大。然而，本专利技术通过将浏览器需要渲染的全部的页面文件合并为一个资源文件来减少HTTP(超文本传输协议)的请求，从而优化了浏览器的性能。此外，如图2所示，本专利技术的页面性能优化方法详细步骤如下：首先，渲染页面需要的HTML文件、JS文件、CSS文件、和/或图片等其他文件，同时，根据每个页面文件的扩展名(或后缀名)的不同来区分出页面文件的类别，例如，根据本专利技术的一个实施例，在页面文件的后缀名为.HTML(或.html)的情况下，确定该页面文件的类别为HTML文件。此外，为了区分每个类别中的页面文件，在每个页面文件中添加特殊字段(或字段)，以便于后面的分类识别，从而通过扩展名和特殊字段的方式，能够在每个类别中再具体区分具体哪个文件。此外，当然可以理解，虽然本实施例中仅示出了页面文件的三个内容，本领域的技术人员应当理解，该页面文件的具体类别可根据实际需求进行选择，本专利技术对此不作限定。其次，如图3所示，在现有技术中，浏览器在渲染页面的时候，其通过HTTP请求频繁的建立连接和断开连接，来得到自己需要的数据并且渲染到页面上。然而。如图4所述，本专利技术通过将浏览器需要渲染的全部的页面文件合并为一个资源文件，从而避开浏览器频繁的建立连接和断开连接的情况，其能够提高浏览器的性能，进而实现浏览器对性能的优化。再次，建立一个所有浏览器都识别的中转机制，通过这个中转机制根据页面文件的特殊字段，来对资源文件进行拆分，并且将拆分后的页面文件，每一个都存到浏览器便于取到位置，例如，根据本专利技术的一个实施例，将拆分后的页面文件保存到缓存中，以方便后面的各个浏览器(例如火狐浏览器、360本文档来自技高网...

【技术保护点】
1.一种页面性能优化方法，其特征在于，包括：接收浏览器的访问请求时，确定所述访问请求对应的多个页面文件；将多个所述页面文件压缩成一个资源文件，并将所述资源文件返回给所述浏览器；所述浏览器根据接收到的所述资源文件，渲染页面。

【技术特征摘要】
1.一种页面性能优化方法，其特征在于，包括：接收浏览器的访问请求时，确定所述访问请求对应的多个页面文件；将多个所述页面文件压缩成一个资源文件，并将所述资源文件返回给所述浏览器；所述浏览器根据接收到的所述资源文件，渲染页面。2.根据权利要求1所述的页面性能优化方法，其特征在于，所述页面文件包括以下至少之一：HTML文件、JS文件、CSS文件。3.根据权利要求1所述的页面性能优化方法，其特征在于，将多个所述页面文件压缩成一个资源文件，并将所述资源文件返回给所述浏览器包括：分别在每个所述页面文件上添加特殊字段；将多个添加所述特征字段后的页面文件压缩成一个所述资源文件，并将所述资源文件返回给所述浏览器。4.根据权利要求3所述的页面性能优化方法，其特征在于，所述浏览器根据接收到的所述资源文件，渲染页面包括：所述浏览器将接收到的所述资源文件进行拆分，并根据所述页面文件的扩展名和所述特征字段，区分每个所述页面文件；所述浏览器将拆分后的页面文件保存在缓存中，并根据所述缓存中保存的页面文件，渲染页面。5.一...

【专利技术属性】
技术研发人员：安晓普，张轩，解建磊，王家尧，原帅，
申请(专利权)人：曙光信息产业北京有限公司，
类型：发明
国别省市：北京,11