网页添加页面加载耗时显示
您可以在网页的头部添加以下代码来跟踪页面加载时间,并在页面中显示:
<script>
window.addEventListener('load', function() {
var loadTime = window.performance.timing.domContentLoadedEventEnd - window.performance.timing.navigationStart;
document.getElementById('loadTime').innerHTML = '页面加载耗时:' + loadTime + '毫秒';
});
</script>
<div id="loadTime"></div>
这段代码会在页面加载完成后,计算出页面的加载耗时,并将结果显示在id为loadTime的div中。您可以根据需要将其放置在合适的位置。注意,此代码需要浏览器支持window.performance.timing接口。
原文地址: https://www.cveoy.top/t/topic/CsW 著作权归作者所有。请勿转载和采集!