测试一个网页的加载速度

Posted 2020-07-09 兌_onlyone

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了测试一个网页的加载速度相关的知识，希望对你有一定的参考价值。

用时间差，来测试整个网页的加载速度

<!DOCTYPE html>
<html>
 <head>
  <title> new document </title>
   <meta http-equiv="content-type" content="text/html;charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        div{text-align:center;}img{max-width:100%;}
    </style>
     <script type="text/javascript">
        var startTime;
        var now1 = new Date();
        startTime = now1.getTime();
        var stopTime;
        function StopFun()
        {
        var now = new Date();
        stopTime = now.setTime(now.getTime() - startTime) / 1000;
        console.log(stopTime);     
        }

    </script>

</head>

<body onload="StopFun()" >
<div>
    <img  src="images/panda.jpg"/>
</div>
</body>

以上是关于测试一个网页的加载速度的主要内容，如果未能解决你的问题，请参考以下文章

网站优化第一次网页加载的速度的办法与思路。

代码优化如何提高网页加载速度

解决Chrome启动和加载网页变慢的问题

Flutter 与 iOS 原生 webView 对比

javascript测试网站速度