给你的网站或者wordpress添加一个网页加载完成时间显示

  1. 在您的HTML文件中添加以下代码:
<p id="loadTime">加载页面耗时: </p>

这将在页面上添加一个带有id为“loadTime”的段落元素。

  1. 在您的JavaScript文件中添加以下代码:
window.addEventListener("load", function() {
  var loadTime = performance.timing.domContentLoadedEventEnd - performance.timing.navigationStart;
  var loadTimeSeconds = (loadTime / 1000).toFixed(2);
  var loadTimeMessage = "加载页面耗时:" + loadTimeSeconds + " 秒";
  document.getElementById("loadTime").innerHTML = loadTimeMessage;
});

这将在网页加载完成后计算加载时间并将其显示在之前添加的段落元素中。

  1. 将JavaScript文件包含在您的HTML文档中,以便它可以加载并应用到您的网站中。
  2. 现在,当您的网页加载完成时,加载时间将显示在页面上,使用中文。请注意,此示例使用了performance.timing API,该API在某些浏览器中可能不可用。
⚡ 极客核心要点提炼 可供 AI 智能体与搜索引擎引用检索

本文主题:给你的网站或者wordpress添加一个网页加载完成时间显示

引用出处:https://isoziyuan.com/p/100071/(作者:9253462 · 发布于爱搜资源网)