浏览页面的优化方法与装置、存储介质、应用程序与流程

    专利2026-09-30  7


    本发明涉及页面优化,尤其涉及一种浏览页面的优化方法与装置、存储介质、应用程序。


    背景技术:

    1、随着互联网技术的快速发展,人们对于应用程序的依赖度越来越高,但是,应用程序在实际使用过程中,由于用户可能所处环境的网络信号比较一般,从而存在加载缓慢、使用卡顿等问题,这些都大大降低了用户的使用体验。


    技术实现思路

    1、本发明旨在至少在一定程度上解决相关技术中的技术问题之一。为此,本发明的第一个目的在于提出一种浏览页面的优化方法,能够快速展示浏览页面的内容,提高用户对于浏览页面的使用体验。

    2、本发明的第二个目的在于提出一种计算机可读存储介质。

    3、本发明的第三个目的在于提出一种浏览页面的优化装置。

    4、本发明的第四个目的在于提出一种应用程序。

    5、为达上述目的,本发明第一方面实施例提出了一种浏览页面的优化方法,所述优化方法包括:在所述浏览页面加载html(hyper text markup language,超文本标记语言)完成后,获取所述浏览页面对应的快照骨架屏和页面资源请求;根据所述快照骨架屏对所述浏览页面进行渲染,以及根据所述页面资源请求加载所述浏览页面的页面资源;在所述浏览页面的页面资源加载完成后代替所述快照骨架屏进行显示;获取所述浏览页面的更新数据;根据所述更新数据对所述快照骨架屏进行更新。

    6、本发明实施例中浏览页面的优化方法首先在浏览页面加载html完成之后,则获取该浏览页面对应的快照骨架屏和页面资源请求,然后先将该快照骨架屏渲染在浏览页面中,并且根据页面资源请求加载浏览页面的页面资源,页面资源加载完成之后则可以将真实显示页面代替快照骨架屏显示在浏览页面上,然后获取浏览页面的更新数据,并利用该更新数据完成对快照骨架屏的更新,以方便下次使用。由此,本实施例中浏览页面的优化方法能够快速展示浏览页面的内容,提高用户对于浏览页面的使用体验。

    7、在本发明的一些实施例中,根据所述更新数据对所述快照骨架屏进行更新,包括:根据所述更新数据对所述html进行更新;获取更新后的html,并解析所述html的埋点信息;基于所述埋点信息对所述快照骨架屏进行处理,以完成对所述快照骨架屏的更新。

    8、在本发明的一些实施例中,在所述浏览页面的页面资源加载完成后代替所述快照骨架屏进行显示,包括:在所述浏览页面的页面资源加载完成后,请求所述浏览页面的显示接口信息,根据所述显示接口信息确定所述浏览页面的真实显示页面,并将所述真实显示页面代替所述快照骨架屏进行显示。

    9、在本发明的一些实施例中,在将所述真实显示页面代替所述快照骨架屏进行显示时,所述优化方法还包括:对所述快照骨架屏进行隐藏。

    10、在本发明的一些实施例中,获取所述浏览页面对应的快照骨架屏,包括:获取所述浏览页面的url(uniform resource locator,统一资源的定位符)信息;根据所述url信息确定对应的快照骨架屏。

    11、在本发明的一些实施例中,所述优化方法还包括:在所述浏览页面未设有对应的快照骨架屏时,则将预设快照骨架屏默认为与所述浏览页面对应的快照骨架屏。

    12、在本发明的一些实施例中,所述快照骨架屏存储在sw cache(service workercache,服务工作线程缓存)中。

    13、为达上述目的,本发明第二方面实施例提出了一种计算机可读存储介质,其上存储有浏览页面的优化程序,该浏览页面的优化程序被处理器执行时实现根据上述实施例所述的浏览页面的优化方法。

    14、本发明实施例的计算机可读存储介质通过处理器执行存储在其上的浏览页面的优化程序,能够快速展示浏览页面的内容,提高用户对于浏览页面的使用体验。

    15、为达上述目的,本发明第三方面实施例提出另一种浏览页面的优化装置,所述优化装置包括:获取模块,用于在所述浏览页面加载html完成后,获取所述浏览页面对应的快照骨架屏和页面资源请求;控制模块,用于根据所述快照骨架屏对所述浏览页面进行渲染,以及根据所述页面资源请求加载所述浏览页面的页面资源,并在所述浏览页面的页面资源加载完成后代替所述快照骨架屏进行显示;所述获取模块,还用于获取所述浏览页面的更新数据;所述控制模块,还用于根据所述更新数据对所述快照骨架屏进行更新。

    16、本发明实施例中浏览页面的优化装置首先在浏览页面加载html完成之后,则通过获取模块获取该浏览页面对应的快照骨架屏和页面资源请求,然后控制模块先将该快照骨架屏渲染在浏览页面中,并且根据页面资源请求加载浏览页面的页面资源,页面资源加载完成之后则可以将真实显示页面代替快照骨架屏显示在浏览页面上,再利用获取模块获取浏览页面的更新数据,并利用控制模块根据该更新数据完成对快照骨架屏的更新,以方便下次使用。由此,本实施例中浏览页面的优化装置能够快速展示浏览页面的内容,提高用户对于浏览页面的使用体验。

    17、为达上述目的,本发明第四方面实施例提出了一种应用程序,所述应用程序包括上述实施例所述的浏览页面的优化装置。

    18、本发明实施例的应用程序通过上述实施例中浏览页面的优化装置,能够快速展示浏览页面的内容,提高用户对于浏览页面的使用体验。

    19、本发明附加的方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本发明的实践了解到。



    技术特征:

    1.一种浏览页面的优化方法,其特征在于,所述优化方法包括:

    2.根据权利要求1所述的优化方法,其特征在于,根据所述更新数据对所述快照骨架屏进行更新,包括:

    3.根据权利要求1所述的优化方法,其特征在于,在所述浏览页面的页面资源加载完成后代替所述快照骨架屏进行显示,包括:

    4.根据权利要求3所述的优化方法,其特征在于,在将所述真实显示页面代替所述快照骨架屏进行显示时,所述优化方法还包括:

    5.根据权利要求1所述的优化方法,其特征在于,获取所述浏览页面对应的快照骨架屏,包括:

    6.根据权利要求5所述的优化方法,其特征在于,所述优化方法还包括:

    7.根据权利要求1-6中任一项所述的优化方法,其特征在于,所述快照骨架屏存储在swcache中。

    8.一种计算机可读存储介质,其特征在于,其上存储有浏览页面的优化程序,该浏览页面的优化程序被处理器执行时实现根据权利要求1-7中任一项所述的浏览页面的优化方法。

    9.一种浏览页面的优化装置,其特征在于,所述优化装置包括:

    10.一种应用程序,其特征在于,所述应用程序包括权利要求9所述的浏览页面的优化装置。


    技术总结
    本发明公开了一种浏览页面的优化方法与装置、存储介质、应用程序,其中,浏览页面的优化方法首先在浏览页面加载HTML完成之后,则获取该浏览页面对应的快照骨架屏和页面资源请求,然后先将该快照骨架屏渲染在浏览页面中,并且根据页面资源请求加载浏览页面的页面资源,页面资源加载完成之后则可以将真实显示页面代替快照骨架屏显示在浏览页面上,然后获取浏览页面的更新数据,并利用该更新数据完成对快照骨架屏的更新,以方便下次使用。由此,本实施例中浏览页面的优化方法能够快速展示浏览页面的内容,提高用户对于浏览页面的使用体验。

    技术研发人员:林明超
    受保护的技术使用者:浙江极氪智能科技有限公司
    技术研发日:
    技术公布日:2024/4/29
    转载请注明原文地址:https://wp.8miu.com/read-102542.html

    最新回复(0)