渲染网页的方法、装置和系统制造方法及图纸

本申请提出一种渲染网页的方法、装置和系统，该渲染网页的方法包括：在要展示的网页之前的业务流程中，从服务端下载所述网页的部分页面数据；在用户请求所述网页时，从服务端获取所述网页的剩余页面数据；根据所述部分页面数据和所述剩余页面数据进行网页渲染，展示所述网页。该方法能够降低页面渲染等待时间，提升用户体验。

【技术实现步骤摘要】
渲染网页的方法、装置和系统
本申请涉及互联网
，尤其涉及一种渲染网页的方法、装置和系统。
技术介绍
用户通过移动端访问网页时，一般情况下需要经过用户点击请求网页、移动端软件处理、移动端联网、域名系统(DomainNameSystem，DNS)解析、建立传输控制协议(TransmissionControlProtocol，TCP)链接、安全传输层协议(TransportLayerSecurityProtocol，TLS)握手、发送超文本传输协议(HyperTextTransferProtocol，HTTP)请求、服务端业务处理、下载页面数据、根据下载的页面数据渲染网页。上述流程导致页面渲染等待时间过长，降低用户体验。
技术实现思路
本申请旨在至少在一定程度上解决相关技术中的技术问题之一。为此，本申请的一个目的在于提出一种渲染网页的方法，该方法可以降低网页渲染等待时间，提升用户体验。本申请的另一个目的在于提出一种渲染网页的装置。本申请的另一个目的在于提出一种渲染网页的系统。为达到上述目的，本申请第一方面实施例提出的渲染网页的方法，包括：在要展示的网页之前的业务流程中，从服务端下载所述网页的部分页面数据；在用户请求所述网页时，从服务端获取所述网页的剩余页面数据；根据所述部分页面数据和所述剩余页面数据进行网页渲染，展示所述网页。本申请第一方面实施例提出的渲染网页的方法，通过在要展示的网页之前的业务流程中，下载网页的部分页面数据，可以实现对部分页面数据的提前下载，从而在渲染时，可以减少客户端与服务端的交互，降低网页渲染所需的等待时间，提升用户体验。为达到上述目的，本申请第二方面实施例提出的渲染网页的方法，包括：在要展示的网页之前的业务流程中，将所述网页的部分页面数据发送给客户端；接收客户端发送的获取剩余页面数据的请求，并根据所述请求获取剩余页面数据；将所述剩余页面数据发送给客户端，以使所述客户端根据所述部分页面数据和所述剩余页面数据进行网页渲染并展示所述网页。本申请第二方面实施例提出的渲染网页的方法，通过在要展示的网页之前的业务流程中，将网页的部分页面数据发送给客户端，可以实现客户端对部分页面数据的提前下载，从而在渲染时，可以减少客户端与服务端的交互，降低网页渲染所需的等待时间，提升用户体验。为达到上述目的，本申请第三方面实施例提出的渲染网页的装置，包括：第一下载模块，用于在要展示的网页之前的业务流程中，从服务端下载所述网页的部分页面数据；第二下载模块，用于在用户请求所述网页时，从服务端获取所述网页的剩余页面数据；渲染模块，用于根据所述部分页面数据和所述剩余页面数据进行网页渲染，展示所述网页。本申请第三方面实施例提出的渲染网页的装置，通过在要展示的网页之前的业务流程中，下载网页的部分页面数据，可以实现对部分页面数据的提前下载，从而在渲染时，可以减少客户端与服务端的交互，降低网页渲染所需的等待时间，提升用户体验。为达到上述目的，本申请第四方面实施例提出的渲染网页的装置，包括：第一发送模块，用于在要展示的网页之前的业务流程中，将所述网页的部分页面数据发送给客户端；获取模块，用于接收客户端发送的获取剩余页面数据的请求，并根据所述请求获取剩余页面数据；第二发送模块，用于将所述剩余页面数据发送给客户端，以使所述客户端根据所述部分页面数据和所述剩余页面数据进行网页渲染并展示所述网页。本申请第四方面实施例提出的渲染网页的装置，通过在要展示的网页之前的业务流程中，将网页的部分页面数据发送给客户端，可以实现客户端对部分页面数据的提前下载，从而在渲染时，可以减少客户端与服务端的交互，降低网页渲染所需的等待时间，提升用户体验。为达到上述目的，本申请第五方面实施例提出的渲染网页的系统，包括：本申请第三方面实施例提出的装置，以及，本申请第四方面实施例提出的装置。本申请第五方面实施例提出的渲染网页的系统，通过在要展示的网页之前的业务流程中，客户端从服务端下载网页的部分页面数据，可以实现对部分页面数据的提前下载，从而在渲染时，可以减少客户端与服务端的交互，降低网页渲染所需的等待时间，提升用户体验。本申请附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本申请的实践了解到。附图说明本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：图1是本申请一实施例提出的渲染网页的方法的流程示意图；图2是本申请另一实施例提出的渲染网页的方法的流程示意图；图3是本申请另一实施例提出的渲染网页的方法的流程示意图；图4是本申请另一实施例提出的渲染网页的方法的流程示意图；图5是本申请另一实施例提出的渲染网页的装置的结构示意图；图6是本申请另一实施例提出的渲染网页的装置的结构示意图；图7是本申请另一实施例提出的渲染网页的系统的结构示意图。具体实施方式下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的模块或具有相同或类似功能的模块。下面通过参考附图描述的实施例是示例性的，仅用于解释本申请，而不能理解为对本申请的限制。相反，本申请的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。图1是本申请一实施例提出的渲染网页的方法的流程示意图，该方法包括：S11：在要展示的网页之前的业务流程中，从服务端下载所述网页的部分页面数据。相关技术中，以客户端是移动端为例，是在用户点击请求网页后，移动端才开始自身处理以及与服务端交互，从服务端下载请求的网页的页面数据，由于移动端与服务端交互流程较长，就会造成网页渲染的等待时间过长。本实施例中，可以在要展示的网页之前的业务流程中，提前下载部分页面数据，以降低需要的时间。在确定要展示的网页后，可以根据经验或实际情况等合理的选择预先下载部分页面数据的之前的业务流程。例如，要展示的网页是支付页面，选择的之前的业务流程可以是访问商品详情页的业务流程。在之前的业务流程中下载的部分页面数据具体可以是页面框架数据，页面框架数据可以包括：超文本标记语言(HyperTextMark-upLanguage，HTML)文件、层叠样式表(CascadingstyleSheet，CSS)、脚本文件(JAVASCIPT)和图像(IMAGES)。S12：在请求所述网页时，从服务端获取所述网页的剩余页面数据。例如，移动端接收到用户访问要展示的网页的请求时，可以与服务端进行交互，服务端进行业务处理，得到剩余页面数据，并发送给移动端。剩余页面数据具体可以是业务数据，以网页是支付页面为例，业务数据例如为要支付的金额等。S13：根据所述部分页面数据和所述剩余页面数据进行网页渲染，展示所述网页。一些实施例中，参见图2，根据部分页面数据和剩余页面数据进行网页渲染的流程可以包括：S131：接收到用户访问所述网页的请求时，根据所述部分页面数据渲染所述网页的页面框架。例如，移动端接收到用户发送的访问请求后，一方面可以与服务端交互，从而获取业务数据，另一方面，可以根据之前下载的部分页面数据渲染页面框架。S132：在获取到所述业务数据后，将所述业务数据填充到所述页面框架的对应的业务上。例如，在获取到要支付的金额后，将获取的本文档来自技高网...

【技术保护点】
一种渲染网页的方法，其特征在于，包括：在要展示的网页之前的业务流程中，从服务端下载所述网页的部分页面数据；在用户请求所述网页时，从服务端获取所述网页的剩余页面数据；根据所述部分页面数据和所述剩余页面数据进行网页渲染，展示所述网页。

【技术特征摘要】
1.一种渲染网页的方法，其特征在于，包括：在要展示的网页之前的业务流程中，从服务端下载所述网页的部分页面数据；在用户请求所述网页时，从服务端获取所述网页的剩余页面数据；根据所述部分页面数据和所述剩余页面数据进行网页渲染，展示所述网页。2.根据权利要求1所述的方法，其特征在于，所述根据所述部分页面数据和所述剩余页面数据进行网页渲染，展示所述网页，包括：接收到用户访问所述网页的请求时，根据所述部分页面数据渲染所述网页的页面框架；在获取到所述业务数据后，将所述业务数据填充到所述页面框架的对应的业务上。3.根据权利要求1所述的方法，其特征在于，所述部分页面数据是页面框架数据，所述剩余页面数据是业务数据。4.根据权利要求3所述的方法，其特征在于，所述页面框架数据包括：HTML文件、CSS、脚本文件和图像。5.根据权利要求1-4任一项所述的方法，其特征在于，所述要展示的网页是支付网页，所述要展示的网页之前的业务流程是访问商品详情页的流程。6.一种渲染网页的方法，其特征在于，包括：在要展示的网页之前的业务流程中，将所述网页的部分页面数据发送给客户端；接收客户端发送的获取剩余页面数据的请求，并根据所述请求获取剩余页面数据；将所述剩余页面数据发送给客户端，以使所述客户端根据所述部分页面数据和所述剩余页面数据进...

【专利技术属性】
技术研发人员：胡宗旺，李佳佳，鲁教，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY