一种网页渲染方法、装置、电子设备及存储介质制造方法及图纸

本申请公开了网页渲染方法、装置、电子设备及存储介质，涉及网页渲染技术领域。具体实现方案为：接收来自终端的目标网页访问请求；响应于所述目标网页访问请求，将所述目标网页的页面配置文件发送至所述终端，其中，所述页面配置文件用于形成所述目标网页的预渲染页面，所述预渲染页面包括已经过渲染的部分或全部目标网页；所述预渲染页面用于使所述终端得到所述目标网页的渲染页面。通过上述方案，彻底解放了服务器，服务器在接收到访问请求后不再进行任何渲染工作。将渲染过程交给终端执行。由于页面配置文件可以用于形成目标网页的预渲染页面，终端获取到该配置文件以后就可直接生成预渲染页面，以及渲染页面，从而在整体上提高了效率。

A web page rendering method, device, electronic device and storage medium

【技术实现步骤摘要】
一种网页渲染方法、装置、电子设备及存储介质
本申请涉及移动通信
，尤其涉及网页渲染

技术介绍
网页应用(WebApp)是与各种移动客户端、桌面客户端、服务器端深度整合的互联网空间应用，是一个庞大规模原生承载互联网链接万物景观精神的内容整合与分发持续开放的平台。伴随着移动通信技术的升级迭代，音视频等富媒体内容的流量池膨胀，使得用户在终端上对网页装载速度尤其敏感。已有技术的实现方案大多是：服务器在接收到终端访问请求后，使用模版引擎生成网页应用的页面，进而响应该访问请求，将生成的页面发送给终端。此方案会造成服务器的压力增加，进而会导致终端设备获取网页应用的页面速度慢，已无法满足用户对于页面显示速度的期待和需求。
技术实现思路
本申请实施例提供一种网页渲染方法、装置、电子设备及存储介质，以至少解决现有技术中的以上技术问题。第一方面，本申请实施例提供了一种网页渲染方法，应用于服务端，该方法包括：接收来自终端的目标网页访问请求；响应于目标网页访问请求，将目标网页的页面配置文件发送至终端，其中，页面配置文件用于形成目标网页的预渲染页面，预渲染页面包括已经过渲染的部分或全部目标网页；预渲染页面用于使终端得到目标网页的渲染页面。通过上述方案，彻底解放了服务器，服务器在接收到访问请求后不再进行任何渲染工作。而是将渲染过程交给终端执行。由于页面配置文件可以用于形成目标网页的预渲染页面，终端获取到该配置文件以后就可直接生成预渲染页面以及渲染页面，从而在整体上提高了效率。在一种实施方式中，页面配置文件存储于内容分发网络；将目标网页的页面配置文件发送至终端，包括：将目标网页的页面配置文件从内容分发网络发送至终端。通过上述方案，利用内容分发网络可以改善终端获取页面配置文件的速度。在一种实施方式中，页面配置文件包括超文本标记语言文件、层叠样式表文件和脚本语言文件；超文本标记语言文件存储于第一内容分发网络；层叠样式表文件和脚本语言文件存储于第二内容分发网络；其中，第一内容分发网络的地址与目标网页的地址相同，超文本标记语言文件中包括第二内容分发网络的地址。通过上述方案，避免将所有文件存储在第一内容分发网络上，造成该内容分发网络的存储压力以及访问压力。利用不同内容分发网络实现文件均衡，从而可以提高整体效率。在一种实施方式中，将目标网页的页面配置文件从内容分发网络发送至终端，包括：根据终端的地理位置，将超文本标记语言文件从第一内容分发网络发送至终端；接收终端发送的文件获取请求；响应于文件获取请求，将层叠样式表文件和脚本语言文件从第二内容分发网络发送至终端。通过上述方案，利用内容分发网络的特性，可以使终端从距离其所在位置较近的节点获取到超文本标记语言文件。终端可以根据超文本标记语言文件中的地址获取到层叠样式表文件和脚本语言文件。在整体上提高终端获取目标网页的页面配置文件的速度。在一种实施方式中，在预渲染页面为部分目标网页的情况下，该方法还包括：在目标网页的剩余部分填充骨架页面。通过上述方案，可以预先采用骨架页面的对目标网页的剩余位置进行占位。使得终端率先展示预渲染页面和骨架页面，避免白屏或者长时间的渲染过程，从而提升用户的体验。在一种实施方式中，脚本语言文件中包括用户个性化数据的存储地址；该方法还包括：获取终端的用户标识信息；将与用户标识信息相匹配的用户个性化数据从用户个性化数据的存储地址发送至终端；其中，用户个性化数据用于在终端形成目标网页的渲染页面过程中，填充骨架页面。通过上述方案，在获取到用户个性化数据的情况下，可以利用用户个性化数据填充骨架页面，形成目标网页的最终页面。对于终端来说，可以第一时间获取到目标页面，减少白屏或者渲染所等待的时间。第二方面，本申请实施例提供了一种网页渲染方法，应用于终端，该方法包括：向服务器发送目标网页的访问请求；接收服务器发送的目标网页的页面配置文件；根据页面配置文件形成目标网页的预渲染页面，预渲染页面包括已经过渲染的部分或全部目标网页；根据预渲染页面得到目标网页的渲染页面。在一种实施方式中，页面配置文件存储于内容分发网络；接收服务器发送的目标网页的页面配置文件，包括：从内容分发网络接收服务器发送的目标网页的页面配置文件。在一种实施方式中，页面配置文件包括超文本标记语言文件、层叠样式表文件和脚本语言文件；超文本标记语言文件存储于第一内容分发网络；层叠样式表文件和脚本语言文件存储于第二内容分发网络；其中，第一内容分发网络的地址与目标网页的地址相同，超文本标记语言文件中包括第二内容分发网络的地址。在一种实施方式中，从内容分发网络接收服务器发送的目标网页的页面配置文件，包括：接收第一内容分发网络发送的超文本标记语言文件；向第二内容分发网络的地址发出文件获取请求；接收第二内容分发网络发送的层叠样式表文件。在一种实施方式中，根据页面配置文件形成目标网页的预渲染页面，包括：根据超文本标记语言文件和层叠样式表文件形成目标网页的预渲染页面。在一种实施方式中，在预渲染页面包括已经过渲染的部分目标网页的情况下，目标网页的剩余部分填充有骨架页面；根据预渲染页面得到目标网页的渲染页面，包括：接收第二内容分发网络发送的脚本语言文件，脚本语言文件中包括用户个性化数据的存储地址；将用户标识信息发送至用户个性化数据的存储地址；接收服务器发送的用户个性化数据；利用用户个性化数据填充骨架页面。第三方面，本申请实施例提供了一种网页渲染装置，应用于服务端，该装置包括：访问请求接收模块，用于接收来自终端的目标网页访问请求；页面配置文件发送模块，用于响应于目标网页访问请求，将目标网页的页面配置文件发送至终端，其中，页面配置文件用于形成目标网页的预渲染页面，预渲染页面包括已经过渲染的部分或全部目标网页；预渲染页面用于使终端形成目标网页的渲染页面。在一种实施方式中，页面配置文件包括超文本标记语言文件、层叠样式表文件和脚本语言文件；该装置还包括：第一存储模块，用于将超文本标记语言文件存储于第一内容分发网络；第二存储模块，用于将层叠样式表文件和脚本语言文件存储于第二内容分发网络；其中，第一内容分发网络的地址与目标网页的地址相同，超文本标记语言文件中包括第二内容分发网络的地址。在一种实施方式中，页面配置文件发送模块包括：第一发送子模块，用于根据终端的地理位置，将超文本标记语言文件从第一内容分发网络发送至终端；第一接收子模块，用于接收终端发送的文件获取请求；第二发送子模块，用于响应于文件获取请求，将层叠样式表文件和脚本语言文件从第二内容分发本文档来自技高网...

【技术保护点】
1.一种网页渲染方法，其特征在于，应用于服务端，所述方法包括：/n接收来自终端的目标网页访问请求；/n响应于所述目标网页访问请求，将所述目标网页的页面配置文件发送至所述终端，其中，/n所述页面配置文件用于形成所述目标网页的预渲染页面，所述预渲染页面包括已经过渲染的部分或全部目标网页；/n所述预渲染页面用于使所述终端得到所述目标网页的渲染页面。/n

【技术特征摘要】
1.一种网页渲染方法，其特征在于，应用于服务端，所述方法包括：
接收来自终端的目标网页访问请求；
响应于所述目标网页访问请求，将所述目标网页的页面配置文件发送至所述终端，其中，
所述页面配置文件用于形成所述目标网页的预渲染页面，所述预渲染页面包括已经过渲染的部分或全部目标网页；
所述预渲染页面用于使所述终端得到所述目标网页的渲染页面。


2.根据权利要求1所述的方法，其特征在于，所述页面配置文件存储于内容分发网络；
所述将所述目标网页的页面配置文件发送至所述终端，包括：
将所述目标网页的页面配置文件从所述内容分发网络发送至所述终端。


3.根据权利要求2所述的方法，其特征在于，所述页面配置文件包括超文本标记语言文件、层叠样式表文件和脚本语言文件；
所述超文本标记语言文件存储于第一内容分发网络；
所述层叠样式表文件和所述脚本语言文件存储于第二内容分发网络；
其中，所述第一内容分发网络的地址与所述目标网页的地址相同，所述超文本标记语言文件中包括所述第二内容分发网络的地址。


4.根据权利要求3所述的方法，其特征在于，所述将所述目标网页的页面配置文件从所述内容分发网络发送至所述终端，包括：
根据所述终端的地理位置，将所述超文本标记语言文件从第一内容分发网络发送至所述终端；
接收所述终端发送的文件获取请求；
响应于所述文件获取请求，将所述层叠样式表文件和所述脚本语言文件从第二内容分发网络发送至所述终端。


5.根据权利要求3所述的方法，其特征在于，在所述预渲染页面为部分目标网页的情况下，所述方法还包括：
在所述目标网页的剩余部分填充骨架页面。


6.根据权利要求5所述的方法，其特征在于，所述脚本语言文件中包括用户个性化数据的存储地址；
所述方法还包括：
获取所述终端的用户标识信息；
将与所述用户标识信息相匹配的用户个性化数据从所述用户个性化数据的存储地址发送至终端；
其中，所述用户个性化数据用于在终端形成所述目标网页的渲染页面过程中，填充所述骨架页面。


7.一种网页渲染方法，其特征在于，应用于终端，所述方法包括：
向服务器发送目标网页的访问请求；
接收所述服务器发送的所述目标网页的页面配置文件；
根据所述页面配置文件形成所述目标网页的预渲染页面，所述预渲染页面包括已经过渲染的部分或全部目标网页；
根据所述预渲染页面得到所述目标网页的渲染页面。


8.根据权利要求7所述的方法，其特征在于，所述页面配置文件存储于内容分发网络；
所述接收所述服务器发送的所述目标网页的页面配置文件，包括：
从所述内容分发网络接收所述服务器发送的所述目标网页的页面配置文件。


9.根据权利要求8所述的方法，其特征在于，所述页面配置文件包括超文本标记语言文件、层叠样式表文件和脚本语言文件；
所述超文本标记语言文件存储于第一内容分发网络；
所述层叠样式表文件和所述脚本语言文件存储于第二内容分发网络；
其中，所述第一内容分发网络的地址与所述目标网页的地址相同，所述超文本标记语言文件中包括所述第二内容分发网络的地址。


10.根据权利要求9所述的方法，其特征在于，所述从所述内容分发网络接收所述服务器发送的所述目标网页的页面配置文件，包括：
接收所述第一内容分发网络发送的所述超文本标记语言文件；
向所述第二内容分发网络的地址发出文件获取请求；
接收所述第二内容分发网络发送的层叠样式表文件。


11.根据权利要求10所述的方法，其特征在于，所述根据所述页面配置文件形成所述目标网页的预渲染页面，包括：
根据所述超文本标记语言文件和所述层叠样式表文件形成所述目标网页的预渲染页面。


12.根据权利要求11所述的方法，其特征在于，在所述预渲染页面包括已经过渲染的部分目标网页的情况下，所述目标网页的剩余部分填充有骨架页面；
所述根据所述预渲染页面得到所述目标网页的渲染页面，包括：
接收所述第二内容分发网络发送的所述脚本语言文件，所述脚本语言文件中包括用户个性化数据的存储地址；
将用户标识信息发送至所述用户个性化数据的存储地址；
接收所述服务器发送的用户个性化数据；
利用所述用户个性化数据填充所述骨架页面。


13.一种网页渲染装置，其特征在于，应用于服务端，所述装置包括：
访问请求接收模块，用于接收来自终端的目标网页访问请求；
页面配置文件发送模块，用于响应于所述目标网页访问请求，将所述目标网页的页面配置文件发送至所述终端，其中，
所述页面配置文件用于形成所述目标网页的预渲染页面，所述预渲...

【专利技术属性】
技术研发人员：王宁，张研婷，韩珺方，
申请(专利权)人：百度在线网络技术北京有限公司，
类型：发明
国别省市：北京;11