在触发图像请求之前是否触发了domContentLoaded事件?

时间:2015-12-07 04:10:49

标签: javascript html css dom

是否有dom事件在加载dom时触发,但没有触发请求。

据我所知,图像是异步加载的。只要dom解析器遇到图像标记,它就会触发对图像资源的请求。

所以解析就是这样的:

请求html - >解析html,因为它来了 - >遇到css标签 - >请求css - >解析html(进入节点) - >等待所有css完成下载和解析 - >找到img标签以便对图像进行激活请求 - >得到更多的HTML解析它 - > css是完整的启动dom树和渲染 - >获得更多html添加dom元素 - >获得图像渲染图像。

可以看出,在解析它时,只要在html中遇到图像就会触发图像,即使没有接收或解析整个html,更不用说转换为节点了。

我想操纵图像标签的原因是我希望它们不发送jpg请求而是发送webp(如果可能的话)。

Modernizr http://www.stucox.com/blog/using-webp-with-modernizr/方式需要构建dom,然后一旦检测到webp启动图像请求,我认为这对于关键渲染路径或至少用户体验是不利的。我们只是为了加载更小的资源而延​​迟加载资源,因此花费的时间更少,但我们通过等待它来增加时间。

现在只有我认为最好使用webp的方法是使用服务器端解决方案,您可以在其中检查接受标头。否则,其他解决方案似乎更多的工作在负值。

0 个答案:

没有答案