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

最新推荐文章于 2024-04-02 08:09:24 发布

ss-

最新推荐文章于 2024-04-02 08:09:24 发布

阅读量4.3k

点赞数 3

本文链接：https://blog.csdn.net/month_ss_815/article/details/104626026

版权

<!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.onload=function(){
       console.log("dom渲染耗时："+getsec(_per.timing.domComplete-_per.timing.domLoading));
       };

    </script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ss-

关注关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
获取页面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-...
复制链接

扫一扫