问题标签 [domcontentloaded]

我有一个 wordpress 网站Migau，它的加载速度非常慢。我做了一个速度测试，结果是我的 DOMcontentloaded 加载了 6 秒。

任何人都可以帮助解决这个问题谢谢

DOMContentLoaded在加载文档并运行其脚本后触发，我想在执行脚本之前运行我的代码，但在document.body.outerHTML( document.childNodes[document.childNodes.length-1].outerHTML) 已满之后

我试试这个，但看起来它在被发现之后运行了很多次所以现在我在执行 mycode 之前做了一个定时器 200ms 的工作，但我想在没有定时器的情况下做

需要在 Chrome 中工作（所以 beforescriptexecuted 事件在这里不起作用）

From a xul-based firefox addon, I need to:

1. programmatically create an invisible iframe (once)
2. reuse it to load multiple URLs as the addon runs
3. access the returned HTML after each URL loads

Problem: I can only get the first page-load for any created iframe to trigger an 'onload' or 'DOMContentLoaded' event. For subsequent URLs, there is no event triggered.

Note: I'm also fine with using the hiddenDOMWindow itself if this is possible...

Code:

如您所见，请求的实际长度及其后续响应非常快。您在此视图中看不到它，但蓝色条表示花费了 9 毫秒的事务。

两条线，红色和蓝色（几乎是瞬间完成，因此彼此非常接近），如图所示，在 51 毫秒左右出现。

那么，这里发生了什么？这实际上是在花费时间吗？还是只是浏览器记录它的方式？

我在HEAD标签中有一些 JavaScript，它在页面上的最后一个脚本（当前已解析）之前动态插入异步加载脚本标签。这个动态包含的脚本标签包含需要在 DOM 可用之后，但在加载所有图像和脚本标签之前需要解析 DOM 的 JavaScript。重要的是 JavaScript 在加载所有 JS 之前开始执行，因为如果有一个挂起的脚本，这会导致糟糕的用户体验。这意味着我不能等待DOMContentLoaded事件触发。对于将动态包含脚本标记的 JavaScript 的第一个位放置在何处，我没有任何灵活性。

我的问题是，我是否可以立即开始解析 DOM，而无需等待DOMContentLoaded事件？如果没有，有没有办法让我在不等待DOMContentLoaded事件的情况下做到这一点？

问题很简单：为什么它们都没有在应该工作的时候工作？尝试了最新的 chrome 和 FF

http://jsfiddle.net/FHHgA/4/

考虑到下面这个简单的例子，我想知道为什么在使用 DOMContentLoaded 时没有触发 CSS3 过渡效果？使用 window.onload 或 document.onreadystatechange = "complete" 就可以了！

我知道 DOMContentLoaded 不等待 [style] 但在这种情况下我不引用外部样式表！

如果支持，大多数 DomReady-Engines 将退回到 DOMContentLoaded！也许有人对我有一些关于这个问题的想法或信息！先感谢您！

例子：

我在应用程序中使用谷歌的网络字体，我注意到DOMContentLoaded在下载网络字体之前，它似乎不会在 Firefox 中触发。我做错了什么还是这是预期的行为？

我的字体包含在以下head部分中：

我的 JavaScript 链接在我的页面底部，并添加了如下事件：

我尝试在 Chrome 上对此进行测试，但无法真正确定它发生的顺序（字体加载速度如此之快）。

我对 JavaScript 相当陌生，并且一直在尝试编写自己的脚本来动态地为移动设备上的用户提供较小的图像。

假设我有一个普通的 HTML 图像，如下所示：

然后我想出了一个简单的脚本，在加载任何图像之前检查页面尺寸（通过使用 DOMContentLoaded 事件）。根据传入的屏幕尺寸，它会更改图像 src 以提供针对该屏幕尺寸优化的图像。这是脚本：

为可怕的破解代码道歉，但它确实有效，并且为移动设备节省了 2% 的加载时间。

但是，当我使用 Google Page Speed Insights 分析结果时，我看到该页面仍在加载原始图像（尽管尺寸非常小，通常为几百字节），以及较小的“替换”图像出色地。所以我的问题是如何加载原始图像，因为我对 DOMContentLoaded 的理解如下：

DOMContentLoaded 事件在文档完全加载和解析后触发，无需等待样式表、图像和子框架完成加载

（取自 MDN）

而且我知道这与这个问题并不真正相关，但是如果有人也有 SEO 背景，那么从 SEO 的角度来看，了解这种行为是否会以任何方式造成损害将会很有用。

我更愿意坚持使用 JavaScript（而不是使用 JQuery），因为其中很大一部分是关于尝试学习这门语言并自己想出一些真正有用的东西。

非常感谢。

只是想知道，看看w3c 处理模型，存在“dominteractive”事件。它可以通过性能 api 访问。无论如何有可能在其上绑定事件吗？

在我看来，应该可以在这个早期阶段访问和操作 dom，因为 DOM 已完全加载，还是？

我正在开发一个应用程序，这将帮助我提高性能安静很多。我不需要 domContentLoaded 上可用的完全 css 渲染的屏幕，但是我喜欢快速检查 dom 结构中是否存在元素，如果是，则异步加载其他资源。

据我测试，无法通过 addEventListener 向 dominteractive 添加事件侦听器还是？

是否有任何解决方法，或者这只是缺乏浏览器支持？