请在Chrome、Firefox等现代浏览器浏览本站。记住我们的域名:tmy123.com   加入本站QQ群,大家一起HIGH:点击加入QQ群

wordpress利用JS计算页面打开时间

WP教程 Jophen 俞 2790℃ 已收录 11评论

有时候,我们感觉打开页面很快,但到底有多快?有时候我们也感觉打开页面很慢,但到底有多慢?今天学习一个新东西,那就是用js实现计算加载页面所用的时间的代码。需要的朋友可以参考下。

利用JS实现此效果

Header.phphead部分加入初始时间:

<script language=javascript>  var t1 = new Date().getTime();  </script>

在footer文件/body前加入:

<SCRIPT LANGUAGE="JavaScript"> 
window.onload = function() 
{ 
document.getElementById("TimeShow").innerHTML = "加载本页耗时 "+ (new Date().getTime()-t1) +" 毫秒"; 
} 
</SCRIPT>

最后在显示时间位置地方加入:

<div id="TimeShow"></div>

刷新页面,看看效果吧~

本站文章如未注明,均为原创丨本网站采用BY-NC-SA协议进行授权,转载请注明转自:https://tmy123.com/8972.html
喜欢 (8)
发表我的评论
取消评论
表情 代码 加粗 链接 私信 删除线 签到

Hi,请填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(11)条精彩评论。
  1. 添加这个功能又要牺牲一些速度
    安全天使-By:Angel2015年-01月-06日发表回复| unknow| unknow
    • 额,这又不加载JS/css,只是个JS判断,根本就不占用加载时间
      同盟源 http://tmy123.com/2015年-01月-06日发表回复| unknow| unknow
      • 学艺不精啊,看来你必须去深入学习负载均衡,这里也怪我说的不恰当,毕竟小流量站点无法体现出来,如果到达万级别的浏览量就能很直观的看出来了
        安全天使-By:Angel2015年-01月-06日发表| unknow| unknow
      • 那贵站流量很大么,请赐教,反正我是没有感觉变慢了
        同盟源 http://tmy123.com/2015年-01月-06日发表| unknow| unknow
      • 只是站在客观角度来审视技术问题,不带有任何个人感情色彩。另外我的博客是Node.js+Hexo,尽管流量不多,但是也能体现的很直观,你可以使用firenug在network工作台查看当前页面的查询、加载和计算耗时
        安全天使-By:Angel2015年-01月-06日发表| unknow| unknow
  2. 好像没用。。。。。
    挖金人2015年-01月-02日发表回复| unknow| unknow
  3. 表示喜欢这个js
    杂烩吧博客2015年-01月-01日发表回复| unknow| unknow
  4. 一年没来了,再次访问博主的小站还是那么的熟悉与亲切,倍感欣慰
    我要钱来赚2015年-01月-01日发表回复| unknow| unknow