前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >typecho添加加载耗时显示效果

typecho添加加载耗时显示效果

原创
作者头像
小唐同学.
发布2024-03-09 10:06:19
1880
发布2024-03-09 10:06:19
举报
文章被收录于专栏:CMS建站教程

如果网站使用了 PJAX 刷新 只会在首次或者手动刷新才会生效,否则一直保持为首次加载时间耗时。

原理:利用 js 计算加载页面所用的时间

head 页面加入以下代码
代码语言:html
复制
<script language=javascript> 
var t1 = new Date().getTime(); 
</script>
body 页面加入以下代码
代码语言:html
复制
<SCRIPT LANGUAGE="JavaScript"> 
window.onload = function() 
{ 
 document.getElementById("TimeShow").innerHTML = 
"加载耗时  "+ (new Date().getTime()-t1) +" ms "; 
} 
</SCRIPT>
最后在合适的地方加入以下代码,个人觉得加载底部最为合适。
head 页面加入以下代码
代码语言:html
复制
<div id="TimeShow"></div>

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • head 页面加入以下代码
  • body 页面加入以下代码
  • 最后在合适的地方加入以下代码,个人觉得加载底部最为合适。
  • head 页面加入以下代码
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档