页面渲染方法、装置、设备和计算机可读存储介质制造方法及图纸

技术编号:41873814 阅读:33 留言:0更新日期:2024-07-02 00:25
本申请涉及一种页面渲染方法、设备和计算机可读存储介质。该方法包括:获取目标资源的类型对应的加载优先级;若加载优先级存在第一优先等级,则立即加载第一优先等级对应的目标资源;使用第一优先等级对应的目标资源对目标页面进行渲染;在使用第一优先等级对应的目标资源对目标页面进行渲染的同时,加载其加载优先级为非第一优先等级的目标资源;使用非第一优先等级的目标资源对目标页面进行渲染。本申请的技术方案可以提升页面渲染效率,减少用户等待页面完成渲染的时长。

【技术实现步骤摘要】

本申请涉及计算机网络领域,尤其涉及页面渲染方法、装置、设备和计算机可读存储介质


技术介绍

1、在计算机网络领域,网站开发包括网页美工设计、前端开发和网站整体功能开发等过程,其中,前端开发是创建web页面或app等前端界面呈现给用户的过程,通过html、css及javascript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。前端开发具有业务复杂、数据量大、交互量大、资源请求众多和文件过大等显著特征。

2、正是因为前端开发具有上述显著特征,对网页的访问才成为对网站开发者较大的挑战。当网页访问者访问目标网页时,若页面渲染的效率太低,导致从访问页面开始到页面渲染完毕显示出来的过程太长,必然给访问者带来不良体验,因此,如何提升页面渲染效率一直是前端开发关注的课题。相关技术中,往往通过缓存、压缩资源等手段减少页面渲染的时长,或者是通过动画装载(loading)过程等手段,造成页面加载出来的假象。然而,上述现有的页面渲染方法,在页面是首屏或者页面必须包含动画等大容量资源时,通过缓存、压缩资源等手段减少页面渲染的时长,实际收效甚微本文档来自技高网...

【技术保护点】

1.一种页面渲染方法,其特征在于,所述方法包括:

2.根据权利要求1所述的页面渲染方法,其特征在于,所述获取目标资源的类型对应的加载优先级,包括:

3.根据权利要求2所述的页面渲染方法,其特征在于,所述目标资源的类型包括视频、初次渲染页面在首屏中的图片或动画、初次渲染页面不在首屏中的图片、非初次渲染页面但用户使用过程中可能出现的图片、初次渲染页面不在首屏中的动画以及非初次渲染页面但用户使用过程中可能出现的动画,所述初次渲染页面在首屏中的图片或动画的加载优先级为所述第一优先等级,所述初次渲染页面不在首屏中的图片、所述非初次渲染页面但用户使用过程中可能出现的图片、初次...

【技术特征摘要】

1.一种页面渲染方法,其特征在于,所述方法包括:

2.根据权利要求1所述的页面渲染方法,其特征在于,所述获取目标资源的类型对应的加载优先级,包括:

3.根据权利要求2所述的页面渲染方法,其特征在于,所述目标资源的类型包括视频、初次渲染页面在首屏中的图片或动画、初次渲染页面不在首屏中的图片、非初次渲染页面但用户使用过程中可能出现的图片、初次渲染页面不在首屏中的动画以及非初次渲染页面但用户使用过程中可能出现的动画,所述初次渲染页面在首屏中的图片或动画的加载优先级为所述第一优先等级,所述初次渲染页面不在首屏中的图片、所述非初次渲染页面但用户使用过程中可能出现的图片、初次渲染页面不在首屏中的动画以及非初次渲染页面但用户使用过程中可能出现的动画的加载优先级为所述非第一优先等级。

4.根据权利要求1所述的页面渲染方法,其特征在于,所述使用所述第一优先等级对应的目标资源对目标页面进行渲染,包括:

5.根据权利要求4所述的页面渲染方法,其特征在于,所述对所述目标渲染图层进行渲...

【专利技术属性】
技术研发人员:广子良张泽龙
申请(专利权)人:北京新氧科技有限公司
类型:发明
国别省市:

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

1