一种大量计算下的浏览器页面性能优化方法及装置制造方法及图纸

本申请公开了一种大量计算下的浏览器页面性能优化方法及装置，方法包括：判断当前浏览器页面是否存在大量计算逻辑；若没有，则正常执行浏览器页面逻辑；若有，则创建Worker线程，并将大量计算逻辑迁移到Worker线程中等待运行通知；当需要大量计算时，通知Worker线程进行计算，并将所需参数传输至Worker线程；接收Worker线程的计算结果，并根据计算结果做相应处理。本申请利用Worker线程来提升页面性能，将原本的异步处理变为另外一个线程并行处理，提前了处理时间，并避免了因为处理大量计算从而阻塞了主线程，大大提升了浏览器页面的计算能力，在应对复杂场景时有很好的性能提升。升。升。

【技术实现步骤摘要】
一种大量计算下的浏览器页面性能优化方法及装置


[0001]本申请涉及互联网
，具体涉及一种大量计算下的浏览器页面性能优化方法及装置。

技术介绍

[0002]浏览器在运行js脚本时，是单线程机制，所以在面对一些大量的计算时，会出现阻塞情况，导致页面出现类似于卡顿的情况，影响用户的使用和体验。通常情况下，会把这些计算放到异步的队列中，等到浏览器空闲时再执行，如放到异步的宏任务队列中，因为浏览器的脚本执行机制，会在下次页面渲染之前执行，从而避免对当前的页面渲染和同步脚本的执行阻塞。例如虚拟dom的diff算法，通过对比两次虚拟dom的不同，来更新页面元素。但是，因为diff算法比较耗时，如果频繁的进行diff算法，会严重阻塞页面的渲染，让用户感觉到页面的卡顿，从而影响用户的体验和使用。所以diff算法逻辑通常都会放到异步的宏任务队列中，因为浏览器的渲染机制，异步函数不会立马执行，会等到当前的页面渲染结束，同步脚本执行完后才会去执行，所以会降低diff算法的阻塞性。
[0003]综上可知，异步执行大量的计算逻辑，只是滞后了执行时机，在执行本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种大量计算下的浏览器页面性能优化方法，其特征在于，包括：判断当前浏览器页面是否存在大量计算逻辑；若没有，则正常执行浏览器页面逻辑；若有，则创建Worker线程，并将大量计算逻辑迁移到所述Worker线程中等待运行通知；当需要大量计算时，通知所述Worker线程进行计算，并将所需参数传输至所述Worker线程；接收所述Worker线程的计算结果，并根据所述计算结果做相应处理。2.根据权利要求1所述的大量计算下的浏览器页面性能优化方法，其特征在于，所述Worker线程和主线程之间通过postMessage方式进行通信。3.根据权利要求1所述的大量计算下的浏览器页面性能优化方法，其特征在于，所述将所需参数传输至所述Worker线程后继续执行原有逻辑，并监听来自所述Worker线程的通信。4.根据权利要求1所述的大量计算下的浏览器页面性能优化方法，其特征在于，所述判断当前浏览器页面是否存在大量计算逻辑之前，还包括：初始化当前浏览器页面。5.一...

【专利技术属性】
技术研发人员：陈宇，
申请(专利权)人：金茂云科技服务北京有限公司，
类型：发明
国别省市：