我还是不明白。根据这个Akamai资源,loadEventStart值应该是在所有其他事情发生之后。https://community.akamai.com/community/web-performance/blog/2016/08/25/using-navigation-timing-apis-to-understand-your-webpage (请参阅页面下方的可视化)
但是,当我将其原型化,在HEAD标记中添加一个阻塞脚本时,我似乎得到了一个值(在我的例子中,在Chrome中是300 my左右),并且这个值永远不会改变。
<!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开始,没有定义,空,或者是别的东西,因为这个事件还没有发生。但事实并非如此。这怎么可能?
发布于 2019-07-26 15:55:45
我认为load事件不会从HTML的头部分开始。你的剧本应该放在身体部分。
https://stackoverflow.com/questions/43898787
复制相似问题