文档完成（onLoad 事件）等到我网站的所有图像都加载完毕

Question

我的 wordpress 网站正在使用 SiteOrigin 页面布局构建器，并且“大量”使用了 SiteOrigin Slider。

我正在使用 Webpagetest 和 Google Site Speed 进行一些性能测试，但在文档加载时间方面我得到了糟糕的结果。

似乎触发 Document Complete 的 Javascript 事件 onLoad 正在等待滑块的所有图像加载，因此，给谷歌和用户一个网站没有加载的感觉。浏览器的加载微调器会一直旋转，直到触发此事件。

有什么方法可以避免事件“等待”直到所有图像都加载完毕？

我的网站：https://rourevell.com/ 网页测试网址：https://www.webpagetest.org/result/180810_4V_107ce8d0f3c6cdb3889ad1ce039ae25c/ Google Page Speed Insights 网址：https://developers.google.com/speed/pagespeed/insights/?utm_source=analytics&url=https%3A%2F%2Frourevell.com&tab=mobile

PS：我知道我必须减小图像的大小，因为它们非常大并且没有正确的大小，但恕我直言，这是另一个主题，不会丢弃当前帖子的主题。

非常感谢大家的支持！

Answer 1

DomContentLoaded Event 可能是您正在寻找的。它在 dom 准备就绪后触发，无需等待图像、iframe 和样式表。