【技术实现步骤摘要】
本专利技术涉及浏览器页面渲染，具体涉及一种页面布局重排/重绘优化方法及系统、计算机设备。
技术介绍
1、现有技术在复杂页面布局重排/重绘优化方面取得了一定的成果，但在实际应用中仍暴露出一些问题，尤其是在重排任务处理中固定时间间隔设置的弊端，具体包括以下几方面：
2、1)难以适应动态任务负载：在实际的网页交互中，当短时间内触发大量重排任务时，如用户进行快速滚动操作或者页面进行高频数据更新，固定的16ms时间间隔可能无法满足任务处理的需求。此时，大量的重排任务会在队列中堆积，而浏览器单帧处理能力有限，大约为1帧≈16ms，这就导致任务队列中的任务超过浏览器单帧处理能力，从而引发布局计算超时，造成页面卡顿，严重影响用户体验。以一个包含大量图片和动态数据的电商页面为例，当用户快速滚动页面浏览商品时，由于图片的加载和数据的更新会触发大量的重排任务，若采用固定的16ms时间间隔，页面很容易出现卡顿现象，用户无法流畅地浏览商品信息。
3、2)关键任务延迟执行：对于页面中存在的用户即时交互相关的重排任务，如点击按钮触发的元素位置...
【技术保护点】
1.一种页面布局重排/重绘优化方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述触发源类型包括即时交互型、异步数据型、定时更新型和/或非可见区域任务标记；所述即时交互型包括按钮点击或表单输入；所述异步数据型包括AJAX加载数据；所述定时更新型包括轮询广告位；
3.根据权利要求2所述的方法，其特征在于，所述基于与高优先级任务的负载占比相匹配的动态间隔调整规则，根据所述当前帧间隔和/或单帧处理时间，对任务收集间隔进行调整，包括：
4.根据权利要求1所述的方法，其特征在于，所述根据调整后的任务收集间隔对所述多...
【技术特征摘要】
1.一种页面布局重排/重绘优化方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述触发源类型包括即时交互型、异步数据型、定时更新型和/或非可见区域任务标记；所述即时交互型包括按钮点击或表单输入；所述异步数据型包括ajax加载数据；所述定时更新型包括轮询广告位；
3.根据权利要求2所述的方法，其特征在于，所述基于与高优先级任务的负载占比相匹配的动态间隔调整规则，根据所述当前帧间隔和/或单帧处理时间，对任务收集间隔进行调整，包括：
4.根据权利要求1所述的方法，其特征在于，所述根据调整后的任务收集间隔对所述多个重排/重绘任务按照任务优先级进行收集，并进行统一的布局计...
【专利技术属性】
技术研发人员：季忠祥，黄鹤，刘鹏宇，程大康，李天洋，沈仁健，潘宇饶，刘旭明，钟永发，
申请(专利权)人：江西数字网联信息安全技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。