JavaScript 进阶实战课
石川
JavaScript Patterns and Anti-Patterns 等开源项目创建者,O'Reilly 技术评审
15066 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已完结/共 47 讲
开篇词 (1讲)
JavaScript 进阶实战课
15
15
1.0x
00:00/00:00
登录|注册

34|测试(三):非功能性测试

你好,我是石川。
上节课,我们学习了功能类测试。今天,我们来看一下非功能性测试中的性能、安全和辅助功能测试。对于一个 Web 应用而言,性能测试的复杂程度并不低于后端或端到端的测试。导致前端性能测试复杂度很高的主要原因是,影响 Web 应用性能的因素有很多,并且很多是应用本身不完全可控的。所以今天,我们重点来看一下关于性能测试,都有哪些指标、影响性能的因素和性能调优的方式。

性能测试

在任何测试前,我们都需要对要达到的目标有清晰的认识,针对性能测试也不例外。所以首先,我们要来看看对于 Web 应用来说,都有哪些性能指标。

性能指标

之前,我们说过 JS 虚机开发中做内存管理和优化的时候,会关注浏览器和应用的流畅度(smoothness)和响应度(responsiveness)。其实,对于 JS 应用的开发者来说,也可以参考类似的 Rail 指标。Rail(response, amination, idle,load)是响应、动效、空闲和加载这 4 个单词的缩写。下面,我们来分别看下它们所代表的意义。
关于响应,原则是我们的应用应当在 50ms 内处理响应,并且在 50-100ms 内提供一个可见的响应;
关于动效,如之前讲过的,在处理渲染时,我们的帧预算是每秒 60 帧,也就是每帧要控制在 16.6ms 内渲染完成;
关于空闲,无论是在加载模式还是垃圾回收的一讲中,我们都提到过应该最大化地利用空闲时间,但是这里需要注意的是,这个利用也需要一个度,如果利用这个时间需要处理的任务超过了 50ms,就会影响我们第一点说的 100ms 内的响应;
关于加载,对于页面的加载而言,我们的应用应该尽量在 5 秒内完成初次加载,并且在 2 秒内完成后续页面的加载。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 中文繁体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
    • 阿拉伯语
  • 解释
  • 总结

本文介绍了非功能性测试中的性能测试和安全测试两个方面。在性能测试中,详细介绍了性能指标和影响性能的因素,以及性能测试工具的使用方法和内存管理工具的排查性能瓶颈。在安全测试方面,提到了渗透测试和漏洞扫描两种测试方法,以及通过浏览器开发者工具进行安全连接测试的方式。此外,还介绍了辅助功能测试的重要性,特别是针对残障人士的需求,以及如何开发对这部分人群友好的应用。文章强调了对这些非功能性测试的重视,并指出了测试在开发过程中的重要性。同时,强调了借助工具来提高测试效率的必要性。整体而言,本文内容丰富,涵盖了性能测试、安全测试和辅助功能测试的方方面面,对于开发人员和测试人员具有一定的参考价值。

仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《JavaScript 进阶实战课》
新⼈⾸单¥59
立即购买
登录 后留言

精选留言

由作者筛选后的优质留言将会公开显示,欢迎踊跃留言。
收起评论
显示
设置
留言
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部