网站优化

网站优化

Products

当前位置:首页 > 网站优化 >

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

GG网络技术分享 2025-03-18 16:12 1


问题描述:

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

无法正常运行。

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

网友观点:

在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>

满意请采纳哦,谢谢!

标签:

提交需求或反馈

Demand feedback