文档完成(onLoad事件)等待加载我的站点的所有图像

Question

我的wordpress网站正在使用SiteOrigin页面布局生成器，并对SiteOrigin Slider进行了“大量”使用。

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

触发文档完整的Javascript event似乎是在等待滑块的所有图像加载，从而给谷歌和用户一种没有加载网站的感觉。在触发此事件之前，浏览器的加载旋转器一直处于旋转状态。

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

我的网站：https://rourevell.com/ WebPageTest url：107 ce8d0f3c6cdb3889ad1ce039ae25c/ Google页面速度洞察网址：source=analytics&url=https%3A%2F%2Frourevell.com&tab=mobile

PS:我知道我必须缩小图片的大小，因为它们很大而且没有正确的大小，但是IMHO --这是另一个主题，不会丢弃当前帖子的主题。

非常感谢你们的支持！

Answer 1

DomContentLoaded事件可能就是你要找的东西。一旦dom准备就绪，它就会触发，而无需等待图像、iframes和样式表。