如何在WordPress静态网页,显示页面加载时间?

我的WordPress,在使用 WP Super Cache 插件后。WordPress底部的代码,就不能正常显示页面加载时间。

img

无法正常运行。

有什么办法能实现在静态的页面,还能正常统计页面加载时间。

img

在head里面用变量记录当前时间,在window.onload中计算加载时间。服务器端只能计算代码执行时间,无法判断客户端整体页面加载时间

<head>
    <script>
        var curTime = new Date().getTime();
        window.onload = function () {
            var ms = new Date().getTime() - curTime;
            ms /= 1000;
            var div = document.createElement('div');
            div.style.cssText = 'text-align:center;width:100%;padding:10px 0';//内联样式编辑这里,如果有定义的样式,可以用div.className='样式名';
            div.innerHTML = '页面加载完毕,耗时:' + ms + 's';

            document.body.appendChild(div)
        }
    </script>
</head>

有帮助能点个采纳吗,谢谢~~有问题可以继续问~

可以考虑使用js来计算页面的加载时间呀。

可以考虑使用js来计算页面的加载时间呀。

<head>
  <script>
    var t1 = new Date().getTime();
  </script>
</head>
<body>

  <script>
    window.onload = function() {
      document.getElementById('showTime').innerHTML = '加载本页面耗时:' + new Date().getTime() - t1 + '毫秒';
    }
  </script>
</body>

满意请采纳哦,谢谢!