[发明专利]一种页面加载方法和用于页面加载的客户端、服务端

权利要求书

1.一种页面加载方法，其特征在于，包括：

向服务端发送页面加载请求，以从内容分发网络中获取所述服务端预先生成的与页面对应的预渲染文件；

加载所述预渲染文件，并向所述服务端发送动态数据获取请求，以获取与所述预渲染文件对应的动态数据；

在所加载的预渲染文件中渲染所述动态数据以生成展示页面。

2.根据权利要求1所述的页面加载方法，其特征在于，

所述预渲染文件是所述服务端基于NODE平台生成的，且所述预渲染文件由页面对应的一个或多个预渲染楼层构成；

所述预渲染楼层包括楼层模板、所述楼层模板对应的静态数据、与所述楼层模板的动态数据对应的空白DOM节点。

3.根据权利要求2所述的页面加载方法，其特征在于，所述加载所述预渲染文件，并向所述服务端发送动态数据请求，以获取与所述预渲染文件对应的动态数据，包括：

判断所述预渲染楼层是否处于页面屏幕的可视区域；

在所述预渲染楼层处于页面屏幕的可视区域的情况下，根据所述空白DOM节点的属性，发送动态数据获取请求，以获取与所述空白DOM节点对应的动态数据。

4.根据权利要求3所述的页面加载方法，其特征在于，所述在所加载的预渲染文件中渲染所述动态数据以生成展示页面，包括：

根据所述空白DOM节点，在所述预渲染楼层中渲染所述动态数据；

执行所述预渲染楼层中预先配置的楼层方法，以生成可交互的展示页面。

5.根据权利要求3所述的页面加载方法，其特征在于，所述判断所述预渲染楼层是否处于页面屏幕的可视区域，包括：

获取所述页面的可视区域高度、所述预渲染楼层与所述页面顶部的距离；

判断所述页面的可视区域高度是否大于所述预渲染楼层与所述页面顶部的距离：若大于，则所述预渲染楼层处于页面屏幕的可视区域；若不大于，则所述预渲染楼层未处于所述页面屏幕的可视区域。

6.根据权利要求4所述的页面加载方法，其特征在于，

所述楼层方法包括下述一种或多种：页面布局自适应方法、图片轮流播放方法、倒计时方法、图片点击跳转方法。

7.一种页面加载方法，其特征在于，包括：

接收客户端发送的页面加载请求，以根据所述页面加载请求将内容分发网络中与页面对应的预渲染文件发送至所述客户端；

在接收到所述客户端发送的动态数据获取请求的情况下，将所述预渲染文件对应的动态数据发送至所述客户端，以使所述客户端将所述动态数据渲染至所述预渲染文件以生成展示页面。

8.根据权利要求7所述的页面加载方法，其特征在于，

在所述内容分发网络中不存在所述预渲染文件的情况下，基于NODE平台生成所述预渲染文件，所述预渲染文件由页面对应的一个或多个预渲染楼层组成；

所述预渲染楼层包括楼层模板、所述楼层模板对应的静态数据、与所述楼层模板的动态数据对应的空白DOM节点。

9.根据权利要求8所述的页面加载方法，其特征在于，所述基于NODE平台生成所述预渲染文件，包括：

获取所述页面对应的一个或多个楼层模板；

从所述楼层模板中解析出楼层模板标识；

根据所述楼层模板标识，获取所述楼层模板对应的静态数据；

将所述静态数据渲染至所述楼层模板，并使用DOM节点替代所述楼层模板中的动态数据，以生成预渲染楼层；

根据所述预渲染楼层，生成所述预渲染文件并存储至所述内容分发网络中。