gpt4 book ai didi

javascript - 为什么 window.performance.timing.loadEventStart 是常量?

转载 作者:行者123 更新时间:2023-11-28 04:39:32 24 4
gpt4 key购买 nike

我不明白。根据此 Akamai 资源,loadEventStart 值应该在所有其他事情发生之后。 https://community.akamai.com/community/web-performance/blog/2016/08/25/using-navigation-timing-apis-to-understand-your-webpage (请参阅页面下方的可视化)

但是当我对此进行原型(prototype)设计时,在 HEAD 标记中放置一个阻塞脚本,我似乎立即得到一个值(在我的例子中,在 Chrome 中为 300 毫秒左右),立即 并且该值永远不会改变。

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="style.css">
<script>
const interval = setInterval(() => {
const timing = window.performance.timing
console.log('loadEventStart time => ', timing.loadEventStart - timing.navigationStart)
console.log('domContentLoadedEventStart => ', timing.domContentLoadedEventStart - timing.navigationStart)
}, 50)
setTimeout(() => {
clearInterval(interval)
}, 1000)
</script>
</head>

<body>
<h1>Hello Plunker!</h1>
</body>

</html>

https://plnkr.co/edit/PclHiA26mTCwUpLqlbGx?p=preview

我预计该值一开始为 0、未定义、null 或错误的值,因为该事件尚未发生。但事实并非如此。这怎么可能?

最佳答案

我认为加载事件不会在 HTML 的 HEAD 部分开始。您的脚本应该放在正文部分。

关于javascript - 为什么 window.performance.timing.loadEventStart 是常量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43898787/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com