js动态插入html元素属于异步加载吗？

Question

目前想要实现页面快速渲染完成之后异步插入某些html元素，比如video标签，防止渲染过程中video标签中视频加载时间过长导致页面阻塞，想了解下js动态插入的html属于异步加载吗？

Answer 1

JS 插入标签既不异步，也不是加载。
但是某些标签会加载其 src 属性所指向的资源(比如 script、image 标签) ，从而导致页面解析阻塞，待页面加载完毕后再插入此类元素，确实可以防止阻塞，加快首屏渲染。
但是向页面插入可见元素会引起回流，通常的解决方案是先把标签的 src 指向一个较小的、固定的资源，然后用 js 在合适的时机替换成原来的资源，这种优化方案叫做懒加载，通常用于图片。