通过优化的资源调度的感知页面下载时间制造技术

在应用内呈现web元素包括接收与用于在应用内呈现的多个web元素相关联的布局数据。接收与多个web元素中的每个web元素相关联的可视性数据。基于所接收的布局数据和所接收的可视性数据，为来自多个web元素的每个web元素优先级被定义。基于所定义的优先级，从多个web元素中选择web元素的子集。呈现web元素的子集以用于在应用内显示。

【技术实现步骤摘要】
【国外来华专利技术】
技术介绍
本公开总体上涉及web应用，且具体地，涉及在web应用内处理页面下载事件和资源优化。Web应用(例如，浏览器)被用于检索、呈现和遍历万维网(World Wide Web)上的信息资源。当尝试访问网站时，页面下载时间是用户体验的重要部分。
技术实现思路
本公开的主题涉及用于在应用内呈现web元素的系统。系统包括一个或多个处理器，和机器可读介质，机器可读介质包括其上存储的指令，所述指令当被处理器执行时，致使处理器执行包括接收与用于在应用内呈现的多个web元素相关联的布局数据的操作。操作进一步包括接收与多个web元素中的每个web元素相关联的可视性数据。操作也包括基于所接收的布局数据和所接收的可视性数据，为来自所述多个web元素的每个web元素定义优先级。操作进一步包括基于所定义的优先级，从多个web元素中选择web元素的子集。另外，操作包括呈现web元素的子集以用于在应用内显示。公开的主题进一步涉及包括其上存储的指令的机器可读介质，指令在被系统执行时，致使系统执行操作，操作包括接收与用于在应用内呈现的多个web元素相关联的布局数据。操作进一步包括接收与多个web元素中的每个web元素相关联的可视性数据。操作也包括基于所接收的布局数据和所接收的可视性数据，为来自多个web元素的每个web元素定义优先级。操作也包括基于所定义的优先级呈现多个web元素的一个或多个web元素以在应用内显示。公开的主题也涉及用于在应用内呈现web元素的方法。方法包括接收与用于在应用内呈现的多个web元素相关联的布局数据。操作进一步包括接收与多个web元素中的每个web元素相关联的可视性数据。操作也包括基于所接收的布局数据和所接收的可视性数据，为来自多个web元素的每个web元素定义优先级。操作进一步包括基于所定义的优先级，从多个web元素中选择web元素的子集。另外，操作包括呈现web元素的子集以用于在应用内显示，其中，与多个web元素中的每个web元素相关联的可视性数据与每个web元素在应用内被显示的位置相对应。应理解从下述具体实施方式中，本主题技术的其他配置对本领域工作人员将显而易见，其中通过图示的方式将本主题技术的各种配置示出和描述。如将被意识到的，本主题技术能够具有其他的和不同的配置，且在各种其他方面中，若干细节能够被修改，所有这些不背离本主题技术的范围。因此，附图和具体实施方式将被看作示例性性质而非限制性。附图说明本主题技术的特征在所附权利要求中被提出。然而，为了解释的目的，在下文附图中，本主题技术的若干实施例被提出。图1图示根据实施例的示例网络环境，其中在页面下载事件期间的资源优化在web应用内被处理。图2是根据实施例的资源优化平台的示意图示。图3是根据实施例的用于提供研究优化的过程的流程图。图4是图示在关联于web应用的页面下载事件期间资源优化的示例的框图。图5概念地图示示例电子系统，本主题技术的一些实施方式可以使用该示例电子系统来实现。具体实施方式下文提出的具体实施方式旨在描述本主题技术的各种配置，而非旨在表示本主题技术可以被实践的唯一配置。附图被并入于此且组成具体实施方式的一部分。具体实施方式包括为了对本主题技术提供深入的理解的目的的特定细节。然而，对本领域技术人员清晰且显而易见地，本主题技术并不被限制于此处提出的这些特定的细节，且可以没有这些特定的细节而被实践。在一些实例中，已知结构和组件以框图形式示出，以避免混淆本主题技术的概念。如上文提到的，web应用被用于检索、呈现和遍历在万维网上的信息资源。当尝试访问网站时，页面下载时间是用户体验的重要部分。然而，用户对页面下载时间的感知也可能很重要。因此，替代或者附加于提升应用的实际速度，提升应用的感知速度可能是被期望的。本主题公开提供图像资源的调度的优化，使得下载的页面看起来视觉地完成比实际被下载要快。典型地，图像被调度以按照它们在资源库中被发现的同样的顺序被下载，但首先呈现给用户的图像(例如，在当前视口中)可能不是被首先调度的。当这些图像在库中被发现的时刻，网络可能繁忙于处理视口外部的资源(例如，显示器的可视部分)，且因此用户的体验被降低。本主题公开通过利用在布局期间收集的不完全可视性信息推测性地重新排序排队的图像，来提供提升的被感知的页面下载性能。当在使用web应用(例如，浏览器)工作时，页面下载时间的用户感知可以同实际页面下载时间一样重要，甚至比它更重要。优化应用速度的重要方面是提升感知的速度，使得当完整的内容正被下载的同时，向用户呈现一些内容。作为示例，计算设备的用户可以使用应用A以导航到可以在10秒内被完整下载且被显示的页面。然而，应用B可能需要12秒来完全下载该页面，但能够在5秒标记时，呈现可以看上去视觉完成且可交互的页面的一些表示。在上述两种用户体验中，用户的感知是应用B比应用A快，尽管实际的应用B需要花费比应用A更长的时间以完全下载页面。在用户感知该页面被视觉地完成前节省的任意微小时间量可以导致总体用户体验的巨大提升。对于具有上亿用户的应用，这将转化为每天节省显著的时间。图1图示根据实施例的示例网络环境，在该示例网络环境中在页面下载事件期间的资源优化在web应用内被处理。网络环境100包括计算设备101a-101n和服务提供方设备109a-109m。计算设备101a-101n和服务提供方设备109a-109m可以通过网络105彼此通信。服务提供方设备109a-109m可以包括一个或多个计算设备和一个或多个计算机可读储存器设备(未示出)。计算设备101a-101n中的每个可以表示各种形式的处理设备。示例处理设备可以包括桌面型计算机、膝上型计算机、手持计算机、个人数字助手(PDA)、蜂窝电话、网络设备、相机、智能电话、增强通用无线分组业务(EGPRS)移动电话、媒体播放器、导航设备、电子邮件设备、游戏控制台，或任意这些数据处理设备或其他数据处理设备的组合。计算设备101a-101n和服务提供方设备109a-109m可以被提供对应用软件的访问或接收应用软件，所述应用软件在任意其他计算设备101a-101n或服务提供方设备109a-109m上执行或存储。服务提供方设备109a-109m可以是具有处理器、存储器和通信能力以向计算设备101a-101n提供内容的任意系统或设备。在一些示例方面，服务提供方设备109a-109m可以是单个计算设备，例如计算机服务器。在另外的实施例中，服务提供方设备109a-109m可以表示一起工作以执行服务器计算机的动作(例如，云计算)的多于一个计算设备。进一步，服务提供方设备109a-109m可以表示各种形式的服务器，包括且不限于web服务器、应用服务器、代理服务器、网络服务器、或服务器库。在一些方面中，计算设备101a-101n可以通过通信接口(未示出)无线通信，通信接口必要时可以包括数字信号处理电路。通信接口可以在各种模式或协议下提供通信，例如全球移动通信系统(GSM)语音呼叫、短消息服务(SMS)、增强短消息服务(EMS)、或多媒体短消息(MMS)服务、码分多址(CDMA)、时分多址(TDMA)、个人数字蜂窝(PDC)、宽带码分多址(WCDMA)、CDMA2000、或通用无线电分组系统(GPRS)等。作为示例本文档来自技高网...

【技术保护点】
一种用于在应用内呈现web元素的系统，所述系统包括：一个或多个处理器；以及机器可读介质，所述机器可读介质包括其上所存储的指令，所述指令当被所述处理器执行时，致使所述处理器执行操作，所述操作包括：接收与用于在应用内呈现的多个web元素相关联的布局数据；接收与所述多个web元素中的每个web元素相关联的可视性数据；基于所接收的布局数据和所接收的可视性数据，为来自所述多个web元素的每个web元素定义优先级；基于所定义的优先级，从所述多个web元素中选择所述web元素的子集；以及呈现所述web元素的所述子集，以用于在所述应用内显示。

【技术特征摘要】
【国外来华专利技术】2014.04.09 US 14/249,3261.一种用于在应用内呈现web元素的系统，所述系统包括：一个或多个处理器；以及机器可读介质，所述机器可读介质包括其上所存储的指令，所述指令当被所述处理器执行时，致使所述处理器执行操作，所述操作包括：接收与用于在应用内呈现的多个web元素相关联的布局数据；接收与所述多个web元素中的每个web元素相关联的可视性数据；基于所接收的布局数据和所接收的可视性数据，为来自所述多个web元素的每个web元素定义优先级；基于所定义的优先级，从所述多个web元素中选择所述web元素的子集；以及呈现所述web元素的所述子集，以用于在所述应用内显示。2.根据权利要求1所述的系统，其中，所述布局数据与文档对象模型(DOM)树相对应，所述文档对象模型(DOM)树是基于与所述多个web元素相对应的超文本标记语言(HTML)而生成。3.根据权利要求1所述的系统，其中，所述多个web元素包括图像。4.根据权利要求1所述的系统，其中，与所述多个web元素中的每个web元素相关联的所述可视性数据与每个web元素在所述应用内被显示的位置相对应。5.根据权利要求4所述的系统，其中，对于每个web元素，与所述web元素相关联的所述可视性数据指示与所述web元素相关联的所述位置是否在所述应用的查看区域内。6.根据权利要求4所述的系统，其中，对于每个web元素，所述优先级基于以下中的至少一个：与所述web元素相关联的所述位置与所述应用的所述查看区域之间的距离、与所述web元素相关联的显示空间的估计量、与所述web元素相关联的尺寸、或与所述web元素相关联的格式。7.根据权利要求1所述的系统，所述操作进一步包括：在所述呈现之前，基于预定下载调度来下载所述web元素的所述子集。8.根据权利要求7所述的系统，所述操作进一步包括：存储所述web元素的下载子集；接收用于在所述应用内显示所述多个web元素中的一个或多个web元素的请求；以及确定在存储所述下载子集和接收所述请求之间经过的时间是在预定时间段内，其中，呈现所述子集是响应于所述确定。9.根据权利要求1所述的系统，所述操作进一步包括：在呈现所述子集之后，呈现所述多个web元素中的剩余web元素，以用于在所述应用内显示。10.一种机器可读介质，所述机器可读介质包括其上所存储的指令，所述指令在被系统执行时，致使所述系统执行操作，所述操作包括：接收与用于在应用内呈现的多个web元素相关联的布局数据；接收与所述多个web元素中的每个web元素相关联的可视性数据；基于所接收的布局数据和所接收的可视性数据，为来自所述多个web元素的每个...

【专利技术属性】
技术研发人员：西蒙·哈彻，厄于斯泰因·埃弗特瓦格，安东尼·查尔斯·让蒂科尔，
申请(专利权)人：谷歌公司，
类型：发明
国别省市：美国;US