怎么样从技术角度去评判一个web页面的性能

Question

这个问题如果从主观方面去解答无非就是，网页加载快不快啊，页面渲染效果流畅不流畅啊，数据的更新快不快啊

但是前端需要从技术角度去分析（也就是具体数据）web页面的性能，也好对其最初针对性优化

自己理解的是：1 监听页面的dom加载的时间 2监听ajax等请求的时间，错误码出现的频率等 3 如果是框架类似vue，也可以在其中包装一些方法去监听加载的进度等等

然后根据这些数据分析，所以想请教下比较完善的页面分析逻辑和实现步骤（写完后感觉在问web性能分析第三方系统是怎么实现的。。。）

Answer 1

1、页面加载时间从页面开始加载到页面onload事件触发的时间。一般来说onload触发代表着直接通过HTML引用的CSS，JS，图片资源已经完全加载完毕。2、全部页面加载时间全部页面载入时间指从最初启动浏览开始，直到所有元素都被加载完成后，在2秒后仍然没有网络活动的时间。3、首字节时间从开始加载到收到服务器返回数据的第一字节的时间达标时间=DNS解析时间+创建连接时间+SSL认证时间+100ms. 比达标时间每慢10ms减1分.4、使用长连接连接视图展现了页面加载过程中创建的（keepalive）连接，以及通过每个连接所加载的资源。5、DNS时间进行域名解析所需要的时间6、TCP时间客户端建立连接的时间7、HTTP网页页面渲染、下载速度、页面流畅度