用 JavaScript 计算页面加载时间的函数示例

原创于 2023-09-21 10:12:15 发布 · 772 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言 #js

js 专栏收录该内容

300 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍如何使用JavaScript编写一个函数，计算并展示页面加载时间。该函数基于window.performance.now()获取DOMContentLoaded事件后的加载时间，并结合Date对象获取当前日期。加载时间和日期可以输出到控制台或显示在页面上。

在网页开发中，了解页面的加载时间对于优化用户体验和改进性能至关重要。通过 JavaScript，我们可以编写一个函数来计算页面加载时间并进行相应的处理。下面是一个示例函数，它可以帮助你获取页面的执行时间和日期。

function calculatePageLoadTime() {
   
   
  // 获取页面加载完成时的时间戳
  var loadTime = window.performance.timing.domContentLoadedEventEnd - window.performance<

了解本专栏