在JavaScript中获取页面加载时间可以通过多种方式实现,以下是一些常见的方法和相关概念:
以下是一个使用Navigation Timing API获取页面加载时间的示例:
// 获取导航时间数据
const performanceData = window.performance.timing;
// 计算页面加载时间
const pageLoadTime = performanceData.loadEventEnd - performanceData.navigationStart;
console.log(`页面加载时间: ${pageLoadTime} 毫秒`);
// 计算DOMContentLoaded时间
const domContentLoadedTime = performanceData.domContentLoadedEventEnd - performanceData.navigationStart;
console.log(`DOMContentLoaded时间: ${domContentLoadedTime} 毫秒`);
Date.now()
。loadEventEnd
可能不会被触发,导致数据不准确。performance.getEntriesByType('navigation')
来获取更可靠的数据。通过Navigation Timing API和Performance API,可以精确地测量页面加载时间,从而进行性能优化和用户体验分析。在实际应用中,需要注意浏览器兼容性和数据准确性,并合理控制性能开销。
没有搜到相关的文章