获取页面dom渲染时间,内存占用时间,响应耗时,TCP连接耗时

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- 测试demo -->
    <iframe src="https://www.csdn.net/" frameborder="0"></iframe>
    <script>
        var _per=window.performance;
        function getmb(size){
            return Math.floor(size/1024/1024,4)+'mb';
        };
        function getsec(time){
            return time/1000+'s';
        };
        console.log("内存占用:"+getmb(_per.memory.usedJSHeapSize));
        console.log("TCP链接耗时:"+getsec(_per.timing.connectEnd-_per.timing.connectStart));
        console.log("响应耗时"+getsec(_per.timing.responseEnd-_per.timing.responseStart));
       window.οnlοad=function(){
       console.log("dom渲染耗时:"+getsec(_per.timing.domComplete-_per.timing.domLoading));
       };

    </script>
</body>
</html>
ss-
发布了20 篇原创文章 · 获赞 7 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/month_ss_815/article/details/104626026
今日推荐