美文网首页
珍爱网面试

珍爱网面试

作者: Gopal | 来源:发表于2018-07-23 22:28 被阅读386次
    • 怎么计算白屏加载的时间,还要返回给后台

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

    相关文章

      网友评论

          本文标题:珍爱网面试

          本文链接:https://www.haomeiwen.com/subject/pakccftx.html