包含动态内容和陈旧内容的网站的快速呈现制造技术

一种用于呈现网页的示例方法包括基于处理由一位置参引的第一Web文档来生成第一经串行化的最终文档对象模型(DOM)。该第一经串行化的最终DOM包括第一内联的动态内容。该方法还包括基于处理由该位置参引的第二Web文档来生成第二经串行化的最终DOM。该第二经串行化的最终DOM包括第二内联的动态内容。该方法进一步包括基于第一经串行化的最终DOM与第二经串行化的最终DOM之间的差异来生成公共的经串行化的最终DOM。该公共的经串行化的最终DOM包括包含在第一经串行化的最终DOM和第二经串行化的最终DOM中的静止动态内容，并且该差异是真实动态内容。该方法还包括将该公共的经串行化的最终DOM呈现给设备的显示器。

Fast rendering of Web sites with dynamic content and stale content

An example method for presenting a web page includes generating a first serialized final document object model (DOM) based on a first Web document referencing a location reference. The first serialized final DOM includes the first inline dynamic content. The method further includes generating a second serialized final DOM based on the processing of the Web document, which is quoted by the location. The second serialization of the final DOM consists of the dynamic contents of the inline second. The method further includes generating a common serialized final DOM based on the difference between the first serialized DOM and the second final DOM that is serialized. The public serialized final DOM includes a static dynamic content contained in the first serialized DOM and second through the serialization of the final DOM, and the difference is the true dynamic content. The method also includes displaying the common, serialized, final DOM to the device.

【技术实现步骤摘要】
【国外来华专利技术】专利技术人：F·刘、D·雷布尼科夫、V·佩雷尔曼、和T·克拉伊舍克公开领域本公开一般涉及呈现内容，尤其涉及呈现网页。相关申请的交叉引用本申请要求于2014年7月25日提交的美国临时专利申请号62/029,398的优先权权益，该申请要求于2015年7月24日提交的美国专利申请号14/809,046的申请日的优先权，上述两篇申请通过援引而纳入于此。背景用于快速网页显示的传统技术依赖于应用开发者来设计网页，以使得针对第一绘制进行最小的JavaScript和CSS处理。然而，该办法不适合于包含由JavaScript生成的大量动态内容的网页。例如，一些网站可使它们的所有用户界面(UI)元素都由JavaScript生成。另外，依赖于网页开发者来使得网页显示更快可能不足够，因为网页开发者的工具和/或库的选择是有限的。例如，网页开发者经常依赖于通常是在JavaScript中实现的第三方库。用于加速浏览器或内容递送网络(CDN)侧上的操作的常规技术使用高速缓存页。然而，这一技术不适合于高度动态的网站，因为陈旧的信息可能被高速缓存并且稍后被呈现给用户。如果由JavaScript生成的内容根本不被显示以防止显示“陈旧”信息，则包含大量动态内容的那些网页将具有最少的事物要显示。可能期望在避免这些缺点的同时快速地呈现网页。简要概述本公开涉及呈现内容。根据一些实施例，一种用于呈现网页的示例方法包括基于处理由一位置参引的第一Web文档来生成第一经串行化的最终文档对象模型(DOM)。该第一经串行化的最终DOM包括第一内联的动态内容。该方法还包括基于处理由该位置参引的第二Web文档来生成第二经串行化的最终DOM。该第二经串行化的最终DOM包括第二内联的动态内容。该方法进一步包括基于第一经串行化的最终DOM与第二经串行化的最终DOM之间的差异来生成公共的经串行化的最终DOM。该公共的经串行化的最终DOM包括包含在第一经串行化的最终DOM和第二经串行化的最终DOM中的静止动态内容，并且该差异是真实动态内容。该方法还包括将公共的经串行化的最终DOM呈现给设备的显示器。根据一些实施例，一种用于呈现网页的系统包括客户端浏览器，该客户端浏览器基于处理由一位置参引的第一Web文档来生成第一经串行化的最终文档对象模型(DOM)，以及基于处理由该位置参引的第二Web文档来生成第二经串行化的最终DOM。第一经串行化的最终DOM包括第一内联的动态内容，并且第二经串行化的最终DOM包括第二内联的动态内容。客户端浏览器基于第一经串行化的最终DOM与第二经串行化的最终DOM之间的差异来生成公共的经串行化的最终DOM。该公共的经串行化的最终DOM包括包含在第一经串行化的最终DOM和第二经串行化的最终DOM中的静止动态内容，并且该差异是真实动态内容。客户端浏览器将公共的经串行化的最终DOM呈现给设备的显示器。根据一些实施例，一种其上存储有计算机可执行指令的计算机可读介质，该计算机可执行指令用于执行以下操作，包括：基于处理由一位置参引的第一Web文档来生成第一经串行化的最终文档对象模型(DOM)，该第一经串行化的最终DOM包括第一内联的动态内容；基于处理由该位置参引的第二Web文档来生成第二经串行化的最终DOM，该第二经串行化的最终DOM包括第二内联的动态内容；基于第一经串行化的最终DOM与第二经串行化的最终DOM之间的差异来生成公共的经串行化的最终文档对象模型(DOM)，该公共的经串行化的最终DOM包括包含在第一经串行化的最终DOM和第二经串行化的最终DOM中的静止动态内容，并且该差异为真实动态内容；以及将该公共的经串行化的最终DOM呈现给设备的显示器。根据一些实施例，一种用于呈现网页的系统包括：用于基于处理由一位置参引的第一Web文档来生成第一经串行化的最终文档对象模型(DOM)的装置，该第一经串行化的最终DOM包括第一内联的动态内容；用于基于处理由该位置参引的第二Web文档来生成第二经串行化的最终DOM的装置，该第二经串行化的最终DOM包括第二内联的动态内容；用于基于第一经串行化的最终DOM与第二经串行化的最终DOM之间的差异来生成公共的经串行化的DOM的装置，该公共的经串行化的最终DOM包括包含在第一经串行化的最终DOM和第二经串行化的最终DOM中的静止动态内容，并且该差异为真实动态内容；以及用于将该公共的经串行化的最终DOM呈现给设备的显示器的装置。附图简要说明形成本说明书一部分的诸附图解说了本公开的诸实施例，并且与本描述一起进一步用以解释诸实施例的原理。在诸附图中，类似的参考标号可指示相同元件或功能上类似的元件。元件在其中首次出现的附图通常由对应参考标记中的最左边的数字指示。图1是根据一些实施例的示例通信系统。图2是根据一些实施例的用于串行化最终DOM的过程流程。图3是根据一些实施例的用于标识web文档中的真实动态内容的过程流程。图4解说了根据一些实施例的诸客户端与服务器之间的用于提供两个网页之间的差异的通信的示例泳道图。图5解说了根据一些实施例的用于使用双呈现进程办法来显示公共的经串行化的最终DOM和实际网页的示例过程流程。图6是解说根据一些实施例的呈现网页的方法的流程图。图7是适于实现本公开的一个或多个实施例的计算机系统的框图。详细描述I.概览II.示例系统架构III.呈现网页A.基于原始DOM来构建最终DOMB.串行化最终DOM1.构建与最终DOM的视觉表示相对应的经串行化的最终DOM2.将最终DOM串行化为文件C.标识并且处理真实和静止动态内容D.用于经串行化的最终DOM的管理和递送的机制E.用于显示所请求的网页的机制1.双呈现进程办法2.嵌入式JavaScript办法IV.示例方法V.示例设备I.概览将理解，以下公开提供了用于实现本公开的不同特征的许多不同的实施例或者示例。一些实施例可以在没有这些具体细节中的一些或全部的情况下被实践。以下描述了诸组件、模块和布置的具体示例以简化本公开。当然，这些仅仅是示例而并不旨在限制。本公开提供了浏览器/服务器框架以尽可能多地达成非陈旧动态内容的快速呈现的相互矛盾的要求，而无需要求网页开发者变化他们的网站。许多流行的网站具有使用客户端侧脚本语言来在客户端侧生成的动态内容。可能期望在显示最小陈旧信息的同时快速地并且尽可能多地呈现具有动态内容的网页。静止动态内容可以是指例如帧、布局、侧边栏、菜单、通知模板、朋友列表等。真实动态内容可以是指在跨页面加载时相当频繁地变化的任何内容(例如，新闻推送)。为了更快地呈现网页，本公开提供了各种技术，诸如最终DOM的串行化、动态内容标识和处理(以避免显示陈旧信息)、用于生成经串行化的最终DOM的机制(以用于内容的管理和递送)、以及用于显示经串行化的最终DOM和实际网页的机制(以及如何使用最终DOM)。在网页被完全加载之后的DOM可被称为网页的“最终DOM”。包括本公开中描述的一个或多个技术的实施例可更快地显示甚至最动态的网站、避免陈旧信息被显示给用户、和/或保留动态生成但是不变化的项目以供快速显示。另外，可以在具有或者不具有服务器的辅助的情况下在浏览器中实现该解决方案。相应地，对于开发者而言改变原始网站可以是非必需的。II.示例系统架构图1是根据一些实施例的本文档来自技高网...

【技术保护点】
一种用于呈现网页的方法，包括：基于处理由一位置参引的第一Web文档来生成第一经串行化的最终文档对象模型(DOM)，所述第一经串行化的最终DOM包括第一内联的动态内容；基于处理由所述位置参引的第二Web文档来生成第二经串行化的最终DOM，所述第二经串行化的最终DOM包括第二内联的动态内容；基于所述第一经串行化的最终DOM与所述第二经串行化的最终DOM之间的差异来生成公共的经串行化的最终DOM，所述公共的经串行化的最终DOM包括包含在所述第一经串行化的最终DOM和所述第二经串行化的最终DOM中的静止动态内容，并且所述差异是真实动态内容；以及将所述公共的经串行化的最终DOM呈现给设备的显示器。

【技术特征摘要】
【国外来华专利技术】2014.07.25 US 62/029,398;2015.07.24 US 14/809,0461.一种用于呈现网页的方法，包括：基于处理由一位置参引的第一Web文档来生成第一经串行化的最终文档对象模型(DOM)，所述第一经串行化的最终DOM包括第一内联的动态内容；基于处理由所述位置参引的第二Web文档来生成第二经串行化的最终DOM，所述第二经串行化的最终DOM包括第二内联的动态内容；基于所述第一经串行化的最终DOM与所述第二经串行化的最终DOM之间的差异来生成公共的经串行化的最终DOM，所述公共的经串行化的最终DOM包括包含在所述第一经串行化的最终DOM和所述第二经串行化的最终DOM中的静止动态内容，并且所述差异是真实动态内容；以及将所述公共的经串行化的最终DOM呈现给设备的显示器。2.如权利要求1所述的方法，其特征在于，生成所述公共的经串行化的最终DOM包括：标识所述第一经串行化的最终DOM与所述第二经串行化的最终DOM之间的一个或多个差异，以及从所述第一经串行化的最终DOM中移除所述一个或多个差异。3.如权利要求1所述的方法，其特征在于，进一步包括：解析所述第一Web文档，所述第一Web文档是标记语言的形式并且包括一组元素和一组规则；将所述一组规则应用于所述一组元素中的一个或多个元素；根据所述解析和所述应用来生成最终DOM，所述最终DOM包括基于应用所述一组规则所生成的第一动态内容；将所述最终DOM进行串行化以产生所述第一经串行化的最终DOM。4.如权利要求3所述的方法，其特征在于，生成所述第一经串行化的最终DOM包括：将所述第一最终DOM中的一个或多个非内联规则移至内联规则。5.如权利要求4所述的方法，其特征在于，规则包括客户端侧脚本。6.如权利要求4所述的方法，其特征在于，规则是应用于所述第一Web文档中的一个或多个元素的格式化规则。7.如权利要求3所述的方法，其特征在于，所述第一经串行化的最终DOM和所述第二经串行化的最终DOM是所述最终DOM的不同版本。8.如权利要求1所述的方法，其特征在于，进一步包括：将所述第一经串行化的最终DOM串行化为文件；以及将所述文件高速缓存。9.如权利要求1所述的方法，其特征在于，呈现所述公共的经串行化的最终DOM包括在前台中呈现所述公共的经串行化的最终DOM，所述方法进一步包括：从高速缓存中检索所述公共的经串行化的最终DOM；接收对于由所述位置参引的第三Web文档的当前请求；在后台进程中，构成用于所述当前请求的当前DOM并且呈现所述当前DOM；在所述当前DOM已经被呈现之后，用所呈现的公共的经串行化的最终DOM来替代所呈现的当前DOM。10.如权利要求1所述的方法，其特征在于，进一步包括：基于处理由所述位置参引的第三Web文档来生成第三经串行化的最终DOM，所述第三经串行化的最终DOM包括第三内联的动态内容；基于所述第二经串行化的最终DOM与所述第三经串行化的最终DOM之间的第二差异来生成第二公共的经串行化的最终DOM，所述第二公共的经串行化的最终DOM包括包含在所述第二经串行化的最终DOM和所述第三经串行化的最终DOM中的静止动态内容并且缺少真实动态内容，所述第二差异是真实动态内容；以及将所述第二公共的经串行化的最终DOM呈现给所述设备的所述显示器。11.如权利要求1所述的方法，其特征在于，所述位置是统一资源定位符(URL)。12.一种用于呈现网页的系...

【专利技术属性】
技术研发人员：B·刘，D·雷布尼科夫，V·佩雷尔曼，T·克拉伊舍克，
申请(专利权)人：高通股份有限公司，
类型：发明
国别省市：美国;US