为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

长风秋雁 2019-02-28 14:08:26
这个问题如果从主观方面去解答无非就是,网页加载快不快啊,页面渲染效果流畅不流畅啊,数据的更新快不快啊但是前端需要从技术角度去分析(也就是具体数据)web页面的性能,也好对其最初针对性优化自己理解的是:1 监听页面的dom加载的时间 2监听ajax等请求的时间,错误码出现的频率等 3 如果是框架类似vue,也可以在其中包装一些方法去监听加载的进度等等然后根据这些数据分析,所以想请教下比较完善的页面分析逻辑和实现步骤(写完后感觉在问web性能分析第三方系统是怎么实现的。。。)
查看完整描述

3 回答

?
侃侃尔雅

TA贡献1801条经验 获得超16个赞

1、页面加载时间


从页面开始加载到页面onload事件触发的时间。一般来说onload触发代表着直接通过HTML引用的CSS,JS,图片资源已经完全加载完毕。

2、全部页面加载时间


全部页面载入时间指从最初启动浏览开始,直到所有元素都被加载完成后,在2秒后仍然没有网络活动的时间。

3、首字节时间


从开始加载到收到服务器返回数据的第一字节的时间

达标时间=DNS解析时间+创建连接时间+SSL认证时间+100ms. 比达标时间每慢10ms减1分.

4、使用长连接


连接视图展现了页面加载过程中创建的(keepalive)连接,以及通过每个连接所加载的资源。

5、DNS时间


进行域名解析所需要的时间

6、TCP时间

客户端建立连接的时间

7、HTTP网页

页面渲染、下载速度、页面流畅度


查看完整回答
反对 回复 2019-03-12
  • 3 回答
  • 0 关注
  • 723 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号