一种页面性能优化方法和装置与流程

文档序号:14940983发布日期:2018-07-13 20:46阅读:164来源:国知局

本发明涉及计算机领域,具体来说,涉及一种页面性能优化方法和装置。



背景技术:

随着浏览器的发展的越来越迅速,性能优化的问题也是越来越重要。然而,现有的技术方案是每次访问页面需要的文件都得分开进行一个一个的请求需要的数据,因为文件的类型的不同,如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浏览器等)识别浏览器应该渲染的文件。

最后,浏览器根据中转机制拆分资源文件。随后,浏览器会将html文件解析成一个dom树(文档对象模型),该dom树的构建过程是一个深度遍历过程:当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点。随后,浏览器将css文件解析成cssruletree(css规则树)。随后,浏览器根据dom树和cssom(css对象模型,其是建立在web页面上的css样式的映射,与dom类似,只是针对的对象与dom不同)来构造rendertree(渲染树)。此外,需要注意的是:该渲染树并不等同于上述的dom树,因为一些像header(标头)或display:none(隐藏对象内容)的东西就没必要放在渲染树中了。同时,有了渲染树,浏览器已经能知道网页中有哪些节点、各个节点的css定义以及他们的从属关系。下一步操作称之为layout(布局),顾名思义就是计算出每个节点在屏幕中的位置。再下一步就是绘制,即遍历渲染树,并使用ui(用户界面)后端层绘制每个节点。此外,应当理解的是,通过页面文件渲染页面的过程属于本领域的常用技术手段,本发明在此不再过多细致的描述。

根据本发明的实施例,还提供了一种页面性能优化装置。

如图5所示,根据本发明实施例的页面性能优化装置包括:确定模块51,用于接收浏览器的访问请求时,确定访问请求对应的多个页面文件;压缩模块52,用于将多个页面文件压缩成一个资源文件,并将资源文件返回给浏览器;渲染模块53,用于浏览器根据接收到的资源文件,渲染页面。

根据本发明的一个实施例,页面文件包括以下至少之一:html文件、js文件、css文件。

根据本发明的一个实施例,压缩模块52包括:添加模块(未示出),用于分别在每个页面文件上添加特殊字段;压缩子模块(未示出),用于将多个添加特征字段后的页面文件压缩成一个资源文件,并将资源文件返回给浏览器。

根据本发明的一个实施例,渲染模块53包括:拆分模块(未示出),用于浏览器将接收到的资源文件进行拆分,并根据页面文件的扩展名和特征字段,区分每个页面文件;渲染子模块(未示出),用于浏览器将拆分后的页面文件保存在缓存中,并根据缓存中保存的页面文件,渲染页面。

综上所述,借助于本发明的上述技术方案,通过接收浏览器的访问请求时,确定访问请求对应的多个页面文件,随后将多个页面文件压缩成一个资源文件,并将资源文件返回给浏览器,最后浏览器根据接收到的资源文件,渲染页面,从而通过将浏览器所需要的页面文件进行合并,浏览器请求完之后再拆分出浏览器需要的页面文件实现了请求次数的减少,进而实现了性能的优化。

以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1