前端如何计算网页的打开时间?

前端如何计算网页的打开时间?,第1张

1 Web performance APIs ,可以得到各种时间比如dns解析时间、连接时间、跳转时间、加载时间等指标,具体请自行查资料,不赘述。
2 浏览器的私有API,比如 chromeloadTimes()。
3 DOM ready/load 事件。
4 白屏时间(first paint time)。
5 首屏时间(Above-the-fold time)。

4和5尚无公认的确定方法和对应api。特别是5,怎么定义首屏没有统一的标准。因此需要自行确定,并用一些相对hack的方式获取。前一段时间百度和腾讯都有人分享过他们的做法,可以参考,具体链接等回头找到了再补。

如果只是要大致了解网站的性能,最简单的办法是使用Google Analytics,它包含了性能统计。如果要非常细致的数据(比如web performance api上的数据),可以自己写,也可用我写的这个库:>

用JavaScript获取服务器时间,然后做页面倒计时的程序代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ";

注:原理用xml>是本地页面时间,前端一般获取的都是本地时间。
JQuery CountDown里面都是通过new Date的方式和setInterval定时方式进行的。
一般countdown的初始时间最好是从服务器给定,然后倒计时。

用servlet
public void service(ServletRequest request, ServletResponse response)
throws ServletException, IOException {
String time =(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"))format(new Date());
PrintWriter out = responsegetWriter();
outprintln("<html>");
outprintln("<body>");
outprintln("<h1>");
outprintln(time);
outprintln("</h1>");
outprintln("</body>");
outprintln("</html>");
}

不是很懂,这是别人支的招,你看看有没有用:
1那就要使用AJAX,用JS调用服务器程序来获取时间!
2只能服务器把时间传到前台,前台获取。
3一秒读一次服务器时间不现实 可以通过服务器时间初始化个JS的时间对象 然后每次都基于服务器时间变动JS时间 如何


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/13084345.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-30
下一篇 2023-05-30

发表评论

登录后才能评论

评论列表(0条)

保存