网页白屏优化方法、装置、终端设备以及存储介质制造方法及图纸

技术编号:42605139 阅读:65 留言:0更新日期:2024-09-03 18:14
本申请公开了一种网页白屏优化方法、装置、终端设备以及存储介质,涉及计算机应用技术领域,该方法包括:通过网络视图webview拦截器和/或接口级缓存工具根据请求的类型拦截浏览器发送的请求;通过所述webview拦截器和/或所述接口级缓存工具,检查所述请求是否已被缓存在数据库中;若是,则将数据库中的缓存数据发送给浏览器进行页面渲染和/或数据渲染。该方案通过客户端的webview层的拦截器结合接口级缓存工具,针对不同的请求进行拦截,并将缓存数据发送给浏览器进行渲染操作,使得各类页面的加载时长尽可能低,并保证页面数据完整,有效减少用户的白屏时间和等待数据加载时间。

【技术实现步骤摘要】

本申请涉及计算机应用,尤其涉及网页白屏优化方法、装置、终端设备以及存储介质


技术介绍

1、白屏通常发生在网页加载时,尤其是在网络条件不佳或资源加载延迟的情况下,用户会看到一个空白的屏幕,直到页面资源完全加载完毕。

2、目前,常见的白屏优化方法可分为两种,一是将service worker api(服务工作线程应用程序接口)作为浏览器和web服务器之间的请求代理商,当浏览器发送请求后,service worker可以进行拦截,并决定是否返回缓冲或继续请求,当web服务器返回web资源信息后,service worker可以决定是否对此信息进行缓存,从而达到优化网页加载,减少白屏现象的目的,然而,不同版本和厂商的webview(网络视图)对service worker的支持程度不一,可能导致某些优化措施在部分设备上无法生效。二是,预先往请求里填充加载状态数据或骨架图进行优先渲染,减少实际业务数据还为返回时的白屏等待,但依然是无实际业务意义的信息。

3、综上所述,目前的白屏优化方法还是无法解决在不同应用场景下使得各类网页的白屏时间尽可能本文档来自技高网...

【技术保护点】

1.一种网页白屏优化方法,其特征在于,所述方法包括:

2.如权利要求1所述的网页白屏优化方法,其特征在于,所述请求的类型包括静态资源请求和动态资源请求,所述通过网络视图webview拦截器和/或接口级缓存工具根据请求的类型拦截浏览器发送的请求的步骤包括:

3.如权利要求1所述的网页白屏优化方法,其特征在于,所述通过所述webview拦截器和/或所述接口级缓存工具检查所述请求是否已缓存在数据库中的步骤包括:

4.如权利要求3所述的网页白屏优化方法,其特征在于,所述通过webview拦截器检查所述静态资源请求是否已缓存在数据库中的步骤包括:

5...

【技术特征摘要】

1.一种网页白屏优化方法,其特征在于,所述方法包括:

2.如权利要求1所述的网页白屏优化方法,其特征在于,所述请求的类型包括静态资源请求和动态资源请求,所述通过网络视图webview拦截器和/或接口级缓存工具根据请求的类型拦截浏览器发送的请求的步骤包括:

3.如权利要求1所述的网页白屏优化方法,其特征在于,所述通过所述webview拦截器和/或所述接口级缓存工具检查所述请求是否已缓存在数据库中的步骤包括:

4.如权利要求3所述的网页白屏优化方法,其特征在于,所述通过webview拦截器检查所述静态资源请求是否已缓存在数据库中的步骤包括:

5.如权利要求3所述的网页白屏优化方法,其特征在于,所述若所述请求的类型为动态资源请求,则通过接口级缓存工具检查所述动态资源请求是否已缓存在数据库中的步骤包括:

6.如权利要求1所述的网页白屏优化方法,其特征在于,所述将数据库中的缓存数据发送给浏览器进行页面渲染和/或数据渲染的步骤包括:

7.如权利要求1所述的wbe白屏...

【专利技术属性】
技术研发人员:郑轩王国萍曾志远
申请(专利权)人:招商银行股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1