父页面长任务是否会影响iframe的加载时间

父框架的JS长任务确实会影响iframe的加载时间，核心原因在于iframe加载的关键初始环节依赖父页面主线程：

• 初始化操作绑定父线程：创建iframe标签、发起资源请求的初始流程是在父页面主线程中执行的。如果父线程被长任务阻塞，iframe的创建和资源请求触发会被直接延迟，整体加载周期自然拉长。
• 资源调度优先级受父线程影响：浏览器的资源调度机制会参考父页面主线程的状态，当父线程被长任务占满时，分配给iframe资源加载的优先级会被降低，导致其资源下载、解析速度变慢。
• 初始化通信被间接阻塞：如果父页面需要在iframe加载初期传递配置信息，父线程的阻塞会延迟这类跨帧通信，进而拖慢iframe内部的初始化流程。

举个直观的例子：如果父页面在插入iframe前执行了一个耗时600ms的JS长任务，那么iframe的资源请求至少会被延迟600ms发起，最终加载完成时间也会对应延后。

不过要注意，当iframe的资源加载完成、进入自身独立渲染阶段后，父页面的长任务就不会直接影响iframe内部的渲染流程了——毕竟两者拥有独立的主线程。

内容的提问来源于stack exchange，提问作者bluecrayon