珍爱网面试

  • 怎么计算白屏加载的时间,还要返回给后台

1.可以使用performance查看

2.可以在head后添加
因此,我们通常认为浏览器开始渲染 <body> 标签或者解析完 <head> 标签的时刻就是页面白屏结束的时间点。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>白屏</title>
  <script type="text/javascript">
    // 不兼容performance.timing 的浏览器,如IE8
    window.pageStartTime = Date.now();
  </script>
  <!-- 页面 CSS 资源 -->
  <link rel="stylesheet" href="common.css">
  <link rel="stylesheet" href="page.css">
  <script type="text/javascript">
    // 白屏时间结束点
    window.firstPaint = Date.now();
  </script>
</head>
<body>
  <!-- 页面内容 -->
</body>
</html>

3.可以使用performance API


白屏时间 = firstPaint - performance.timing.navigationStart;

首屏,白屏时间如何计算??

  • 怎样查看浏览器的性能

使用 performance查看浏览器加载页面的过程,使用Ctrl+E开始record页面的加载,也可以使用Ctrl+shift+E进行刷新检测。

主要常用的就是jsHead查看是否是有内存泄露。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,009评论 3 119
  • 生活中,我们随时随地需要学习新知。但很多人不懂学习之道,学得很慢、很累,也很没有成就感。要怎样才能让你的脑子...
    power女神阅读 397评论 0 1
  • 跑步
    邹小邹大厨阅读 91评论 0 0
  • 这个世界上漂亮的人不多 有趣的灵魂也少 送走一个长得漂亮又有有趣的灵魂的人 也是难得 遇见像花开一样绚烂 分别如凋...
    捡一块钱送你阅读 178评论 0 0