珍爱网面试

2018-07-23  本文已影响386人  Gopal

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查看是否是有内存泄露。

上一篇下一篇

猜你喜欢

热点阅读