白屏和首屏的时间

    技术2026-01-08  13

    一、白屏时间

    输入url按回车到开始渲染元素的时间,也就是到出现的一个字符 //白屏结束的时间 window.firstPaint = Date.now();

    //白屏时间 console.log(firstPaint - performance.timing.navigationStart || pageStartTime); //performance.timing.navigationStart //准备加载页面的其实时间

    二、首屏时间

    1.记录主要模块渲染结束的时间-------Date.now() 2.如果有加载图片,获取图片全部加载完全的时间,得到最大值 3.通过html2canvas插件,每100ms截取屏幕的,然后获取屏幕九宫格每一格中心点的,获取红色通道的像素相加得到一个值,通过不断截屏和比较这个求和的值,监控出首屏是否加载完毕。

    Processed: 0.031, SQL: 9