[发明专利]页面显示方法和装置以及计算设备

说明书

本发明公开了一种页面显示方法和装置以及计算设备。所述页面显示方法包括：响应于预定条件，触发定时器；若在所述定时器规定的时间到期之前，判定指定类型的页面资源已全部加载成功，则终止所述定时器；以及响应于所述定时器终止或者所述定时器到期，针对已获取的页面资源进行排版和渲染用以页面显示。所述预定条件包括确定待显示的页面是首屏页面、开始请求页面加载以及/或者解析确定需要加载所述指定类型的页面资源。所述指定类型的页面资源可以是层叠样式表CSS。本发明通过利用定时器设定页面资源加载的最长时间，由此避免了尤其是在首屏显示流程中出现的页面资源请求超时，从而加快了网页显示速度，进而改善了用户的浏览体验。

技术领域

本发明总体上涉及浏览器技术领域，特别是涉及一种提高网页显示速度的方法和装置以及计算设备。

背景技术

进入移动互联网时代之后，人们越来越多地利用诸如智能手机的移动终端来访问互联网。随着超文本标记语言第五版(HTML5)技术的进步与普及，终端浏览器能展示的网页内容也愈加多样化。页面内容可以包括文字信息、图片信息、音频信息、视频信息等。通过HTML5技术也可以实现用户与页面的交互，从而极大地提升了用户体验。

由于移动终端使用的便利性和良好的可携带性，越来越多的用户在户外使用移动网络接入互联网。与诸如WiFi的局域网相比，移动网络最大的问题是网络信号弱且不稳定，由此带来的最直接的影响是网页显示慢。据统计，用户可接受的首屏显示时间平均为2秒。即，如果在手机上超过2秒未显示任何网页内容的话，90％的用户会放弃浏览这个网页。

因此，如何提高移动网络下网页显示速度，尤其是首屏显示速度，是终端浏览器领域迫切需要解决的问题。

发明内容

本发明的一个目的在于，提高客户端浏览器的网页显示速度，尤其是首屏显示速度，从而改善用户体验。

目前，在终端浏览器领域的主流是基于webkit内核的浏览器。在webkit内核中，网页显示按照网页加载、网页解析、网页排版和网页渲染的基本流程进行，其中可以在加载页面的同时进行页面解析。具体地，如果在解析页面时发现页面内需要其它资源，则同时发起新的资源请求。这里的资源可以是层叠样式表(CSS)、图片资源、Javascript资源、音视频资源，等等。根据webkit内核流程，如果在解析流程中产生了新的CSS资源请求，则在CSS样式表成功返回前会阻塞网页排版流程，网页排版流程被阻塞会直接影响到接下来的网页渲染，从而影响网页呈现给用户的速度。

为此，本发明的网页显示方法和装置，通过设置定时器来避免在例如首屏显示流程中出现的CSS样式表请求超时，由此加快网页显示速度，使得用户等待页面显示的最长时间不会超过设置值，从而改善用户的浏览体验。

根据本发明的一个方面，提供了一种页面显示方法，包括以下步骤：响应于预定条件，触发定时器；若在所述定时器规定的时间到期之前，判定指定类型的页面资源已全部加载成功，则终止所述定时器；以及响应于所述定时器终止或者所述定时器到期，针对已获取的页面资源进行排版和渲染用以页面显示。

在本发明的一个实施例，所述指定类型的页面资源是层叠样式表CSS。在此需要指出的是，本发明的技术方案适用于任何会阻塞页面排版和/或渲染流程的页面资源。

利用本方法，通过设置定时器规定加载诸如CSS样式表的页面资源的最长期限，由此避免了页面资源请求超时的情形，从而可以加速显示页面，改善用户浏览体验。

在本发明的一个实施例中，所述预定条件包括以下中的任一项或多项：确定待显示的页面是首屏页面；开始请求页面加载；以及解析确定需要加载所述指定类型的页面资源。

需要指出的是，本发明优选地用于首屏页面显示。统计显示，页面首屏对用户体验的影响较大，如果在一定时间内浏览器上没有显示任何内容，用户会放弃浏览这一网页。当然，本发明也可以适用于非首屏显示，尤其是在用户希望尽快浏览到页面的部分内容的时候。