【技术实现步骤摘要】
本申请实施例涉及网页处理，尤其涉及一种网页处理方法、装置、设备及存储介质。
技术介绍
1、在移动应用开发中，html5(即h5)页面由于其可以快速开发上线，随时可以动态更新，可以跨平台运行等优点仍然在一些场景下扮演着重要的角色。在主流的app应用中，可以看到大量存在的h5页面。
2、然而，h5的性能体验问题一直饱受诟病，加载速度慢，打开成功率低等，前端开发工程师通过各种不同形式的技术优化，例如懒加载、js/css瘦身等，使得页面打开速度越来越快，但也只能在前端技术范围内进行有限的优化。
技术实现思路
1、鉴于此，为解决上述网页加载存在时间延迟的技术问题，本申请实施例提供一种网页处理方法、装置、设备及存储介质。
2、第一方面，本申请实施例提供一种网页处理方法，包括：
3、在接收到目标网页的加载请求时，确定所述目标网页的网页渲染模式；
4、在所述网页渲染模式为预渲染模式时，在所述目标网页基础上加载一缓存视图，以及在所述缓存视图中添加超文本标记语言html模板文件中存储的公共js资源信息；
5、获取内容发布网络cdn服务器中预先存储的目标js资源信息；
6、基于所述公共js资源信息和所述目标js资源信息对所述目标页面执行预渲染处理，以完成对所述目标网页的加载。
7、在一个可能的实施方式中，所述在接收到目标网页的加载请求之前，所述方法，包括：
8、在cdn服务器上创建网页视图webview容器，
9、在cdn服务器中加载html模板文件，所述html模板文件中携带有用于网页渲染的公共js资源信息。
10、在一个可能的实施方式中，在所述创建网页视图webview容器之前，所述方法，包括：
11、创建目标网页，并设置所述目标网页对应的目标参数，以及存储所述目标网页对应的目标地址；
12、调用目标发布接口，执行所述目标网页的发布处理操作。
13、在一个可能的实施方式中，在执行所述目标网页的发布处理操作之后，所述方法，包括：
14、通过cdn服务器获取html目标文件中的js模板信息；
15、根据所述目标网页的配置文件对所述js模板信息进行渲染处理，得到目标js资源数据；
16、将所述目标js资源数据存储至所述thml目标文件中，并将所述目标js资源数据上传至所述cdn服务器。
17、在一个可能的实施方式中，所述将所述目标js资源数据上传至所述cdn服务器，包括：
18、根据所述目标参数进行数据解析处理，得到目标js资源名；
19、将所述目标js资源名和所述目标js资源数据作为目标js资源信息上传至所述cdn服务器。
20、在一个可能的实施方式中，所述确定所述目标网页的网页渲染模式，包括：
21、确定所述目标网页的网页渲染类别；
22、当所述网页渲染类别为预渲染类别时，确定所述网页渲染模式为预渲染模式；
23、当所述网页渲染类别为非预渲染类别时，确定所述网页渲染模式为非预渲染模式。
24、在一个可能的实施方式中，所述获取内容发布网络cdn服务器中预先存储的目标js资源信息，包括：
25、接收客户端向所述cdn服务器发送的目标js资源信息请求；
26、根据所述目标js资源信息请求获取所述目标网页针对所述目标地址的目标数据；
27、对所述目标数据进行解析处理，获得所述目标js资源信息。
28、在一个可能的实施方式中，所述方法，还包括：
29、在所述网页渲染模式为非预渲染模式时，获取所述cdn服务器中的所述html目标文件的目标js资源数据；
30、根据所述目标js资源数据执行所述目标网页的渲染处理，以完成对所述目标网页的加载。
31、第二方面，本申请实施例提供一种网页处理装置，包括：
32、确定模块，用于在接收到目标网页的加载请求时，确定所述目标网页的网页渲染模式；
33、加载模块，用于在所述网页渲染模式为预渲染模式时，在所述目标网页基础上加载一缓存视图，以及在所述缓存视图中加载超文本标记语言html模板文件中存储的公共js资源信息；
34、获取模块，用于获取内容发布网络cdn服务器中预先存储的目标js资源信息；
35、预渲染模块，用于基于所述公共js资源信息和所述目标js资源信息对所述目标页面执行预渲染处理，以完成对所述目标网页的加载。
36、第三方面，本申请实施例提供一种计算机设备，包括：处理器和存储器，所述处理器用于执行所述存储器中存储的网页处理程序，以实现第一方面中任一所述的网页处理方法。
37、第四方面，本申请实施例提供一种存储介质，所述存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现第一方面中任一所述的网页处理方法。
38、本申请实施例提供的网页处理方案，通过在接收到目标网页的加载请求时，确定所述目标网页的网页渲染模式；在所述网页渲染模式为预渲染模式时，在所述目标网页基础上加载一缓存视图，以及在所述缓存视图中添加超文本标记语言html模板文件中存储的公共js资源信息；获取内容发布网络cdn服务器中预先存储的目标js资源信息；基于所述公共js资源信息和所述目标js资源信息对所述目标页面执行预渲染处理，以完成对所述目标网页的加载。在页面访问前提前创建webview容器，同时加载模板html文件，模板文件包含通用css样式和通用框架js资源。页面打开时只请求对应业务的js资源文件完成整体渲染，节省了容器创建以及html加载的耗时，提升网页打开速度；由本方案，可以实现提高h5页面的转化率，降低用户看到页面内容前退出的比例，提升用户使用体验的技术效果。
本文档来自技高网...【技术保护点】
1.一种网页处理方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，所述在接收到目标网页的加载请求之前，所述方法，包括：
3.根据权利要求2所述的方法，其特征在于，在所述创建网页视图WebView容器之前，所述方法，包括：
4.根据权利要求3所述的方法，其特征在于，在执行所述目标网页的发布处理操作之后，所述方法，包括：
5.根据权利要求4所述的方法，其特征在于，所述将所述目标JS资源数据上传至所述CDN服务器，包括：
6.根据权利要求5所述的方法，其特征在于，所述确定所述目标网页的网页渲染模式，包括：
7.根据权利要求6所述的方法，其特征在于，所述获取内容发布网络CDN服务器中预先存储的目标JS资源信息，包括：
8.根据权利要求7所述的方法，其特征在于，所述方法，还包括：
9.一种网页处理装置，其特征在于，包括：
10.一种电子设备，其特征在于，包括：处理器和存储器，所述处理器用于执行所述存储器中存储的网页处理程序，以实现权利要求1～8中任一项所述的网页处理
11.一种存储介质，其特征在于，所述存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现权利要求1～8中任一项所述的网页处理方法。
...【技术特征摘要】
1.一种网页处理方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，所述在接收到目标网页的加载请求之前，所述方法，包括：
3.根据权利要求2所述的方法，其特征在于，在所述创建网页视图webview容器之前，所述方法，包括：
4.根据权利要求3所述的方法，其特征在于，在执行所述目标网页的发布处理操作之后，所述方法，包括：
5.根据权利要求4所述的方法，其特征在于，所述将所述目标js资源数据上传至所述cdn服务器，包括：
6.根据权利要求5所述的方法，其特征在于，所述确定所述目标网页的网页渲染模式，包括：
...【专利技术属性】
技术研发人员：潘万坤，李宏权，甘泉，金天天，向娅玲，陈小新，
申请(专利权)人：北京奇艺世纪科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。