美文网首页
页面响应的标准:2-5-10原则

页面响应的标准:2-5-10原则

作者: robot_test_boy | 来源:发表于2022-06-26 00:13 被阅读0次

最近和某个页面开发battle了一下,页面响应时长的事情。转载一份 页面响应时间的标准,让开发看下业界的标准。

网页响应时间指的是客户发出请求到得到响应的整个过程的时间。在某些工具中,请求响应时间通常会被称为“TTLB” (Time to laster byte) ,意思是从发起一个请求开始,到客户端收到最后一个字节的响应所耗费的时间。

响应时间的计算模型:

响应时间=网络传输时间(请求)+服务器处理时间(一层或是多层)+网络传输时间(响应)+页面前段解析时间

简化的浏览器响应时间的计算模型

浏览器响应时间 = 服务器响应时间 + 页面装载时间 + 页面渲染时间

页面渲染时间主要包含两个部分:

页面渲染时间 = 脚本执行时间 + 浏览器引擎渲染时间

指导思路

2-5-10原则

当用户在2秒以内得到响应时,会感觉系统的响应很快;

当用户在2-5秒之间得到响应时,会感觉系统的响应速度还可以;

当用户在5-10秒以内得到响应时,会感觉系统的响应速度很慢,但是还可以接受;

而当用户在超过8秒后仍然无法得到响应时,会感觉系统糟透了,或者认为系统已经失去响应,而选择离开这个Web站点,或者发起第二次请求。

2秒首页,5秒普通页面,10秒~复杂查询页面。

在进行性能测试时,“合理的响应时间”取决于用户的需求,而不能依据测试人员自己设想来决定。

相关文章

  • 页面响应的标准:2-5-10原则

    最近和某个页面开发battle了一下,页面响应时长的事情。转载一份 页面响应时间的标准[https://jueji...

  • Photoshop快速创建12栅格文档

    开发响应式网页的时候经常会使用12栅格作为响应标准,这就要求设计在设计页面的时候也使用12栅格标准。我们可以手动通...

  • 前端开发工程师必须关注的几个性能指标

    关于页面相应时间,有一条著名的“2-5-8原则”。当用户访问一个页面: 在2秒内得到响应时,会感觉系统响应很快; ...

  • 前端开发工程师必须关注的几个性能指标

    于页面相应时间,有一条著名的“2-5-8原则”。当用户访问一个页面: 在2秒内得到响应时,会感觉系统响应很快;在2...

  • 前端问题汇总

    Html&&Css 1.Web标准的理解 结构、表现、行为分离使页面易于维护,页面响应速度快,设备兼容更好,容易提...

  • 尼尔森十大交互原则

    一、状态可见原则 用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。“即时”是指,页面响应...

  • 尼尔森十大交互原则

    一、状态可见原则 用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。“即时”是指,页面响应...

  • Web移动端页面 --响应式和动态REM

    响应式 什么是响应式页面呢? 顾名思义响应式页面就是能做出响应的页面,它的页面效果不是定死的,会随着用户的改变而改...

  • JavaScript性能提升之——提升响应速度

    首先呢,这里说的响应速度,是指页面UI的响应速度,对一个用户界面来说,评判快的标准是什么? 用户觉得快才是快。 优...

  • Bootstrap入门(一)

    什么是Bootstrap? Bootstrap是一种标准化的响应式页面的解决方案,包含js,css的大型框架,采用...

网友评论

      本文标题:页面响应的标准:2-5-10原则

      本文链接:https://www.haomeiwen.com/subject/ohnmvrtx.html