web前端影响页面渲染的主要因素是

主要因素:

1、script脚本阻塞渲染进程，一般的处理都是将script放在body标签的尾部，或者采用异步script

2、页面体积。一般页面内容越多，越复杂，浏览器渲染的耗时就越大，所以一般的处理方式是页面懒加载，按需加载，将一个大的script分成多个bundle文件

3、页面中有耗时的执行脚本，这个过程是在页面浏览过程中，因为执行某段耗时脚本而导致的页面卡顿，这种情况可以考虑将耗时任务放到web worker中和页面线程并行

4、页面中引入ifreme，或者移动播放的媒体组件。因为iframe会阻止浏览器渲染进程，所以建议页面中不到万不得已，尽量少使用iframe，对于视频这种资源比较大的场景，可以等页面加载完成后再启动媒体的加载。

5、网络问题也是影响页面加载的原因之一，一般我们的处理方案是对静态资源打包压缩，或者采用cdn来降低加载耗时，减少同域名下网络的请求数也是一个优化措施