一种浏览器渲染性能提升的方法技术

本发明专利技术公开了一种浏览器渲染性能提升的方法，方法包括以下步骤：在浏览器第一次加载页面时,加载完成DOM树及Render树之后,将render树储存起来,并结合模型生成新的Render模型；当执行DOM操作等会触发Layout的动作时,会阻止其操作,并利用Render模型转化为具体的Render更新动作,并存储在队列中,在这个阶段完成所有操作转化后,对缓存中的Render树进行修改并对比差异,生成更新补丁同步至Render树，进行一次layout。本发明专利技术有益效果是：能大幅提高首屏加载速度，兼容性更强。兼容性更强。兼容性更强。

【技术实现步骤摘要】
一种浏览器渲染性能提升的方法


[0001]本专利技术涉及浏览器性能渲染领域，尤其涉及一种浏览器渲染性能提升的方法。

技术介绍

[0002]浏览器中负责加载展示网页的是渲染引擎，常用的有WebKit和Gecko等，浏览器加载网页的过程如下：解析HTML文件，并生成DOM(Document Object Model文档对象模型)树，解析样式并结合DOM树，对Render(渲染)树的各个节点进行计算布局信息，根据Render树并结合浏览器的UI层进行绘制。
[0003]在HTML，JS和CSS加载的时候会进行布局调整，排版与重绘，即layout(布局、排版、重绘)。正常来说，浏览器的layout是懒加载的，不会主动去更新DOM，任何对DOM的修改操作都会放在一个暂存队列中，在当前JS的执行上下文完成后，会根据这个队列的修改，进行一次layout。但是有些时候，希望能在JS(Java Script)中立刻获取到最新的DOM节点信息，浏览器就不得不提前执行排版与重绘，即又进行一次layout，这是导致DOM性能的主要原因。r/>[0004]如本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种浏览器渲染性能提升的方法，其特征在于：包括以下步骤：S1：在浏览器第一次加载页面时，加载DOM树和Render树，并将原始Render树进行存储，生成一个新的Render模型；S2：监测对DOM树的修改操作；S3：当修改操作会触发网页重绘layout动作时，阻止layout动作；S4：将当前修改操作利用Render模型转换为Render树的更新...

【专利技术属性】
技术研发人员：吴佳杰，方波，梁忠辉，
申请(专利权)人：智网安云武汉信息技术有限公司，
类型：发明
国别省市：