美文网首页
用RAIL模型分析性能

用RAIL模型分析性能

作者: 李霖弢 | 来源:发表于2021-03-29 17:00 被阅读0次

用户对性能延迟的感知:

  • 0-100ms 流畅
  • 100-1000ms 感觉到网站上有一些加载任务
  • 1000ms or more 失去耐心了
  • 10000ms or more 直接离开,不会再访问了

Response

用户的输入到响应的时间尽量在50ms内完成,超过100ms的响应需提供倒计时/loading图标等反馈

Animation

产生每一帧的时间不要超过10ms,为了保证浏览器60帧,每一帧的时间在16ms左右,但浏览器需要用6ms来渲染每一帧。

Idle

最大化空闲时间,防止有JS/渲染线程执行阻塞用户交互

Load

传输内容到页面可交互的时间不超过5秒,第二次打开不超过2秒

相关文章

  • 用RAIL模型分析性能

    用户对性能延迟的感知: 0-100ms 流畅 100-1000ms 感觉到网站上有一些加载任务 1000...

  • Web性能指标

    Web性能指标模型 一、RAIL 模型 RAIL[https://web.dev/rail/] 是 Respons...

  • RAIL 性能模型

    优化到底在优化什么,用户关注什么,什么是标准chrome 推出 RAIL 性能模型 Response (50 ms...

  • RAIL测量模型

    前言 可量化网站性能的测量标准,通过RAIL模型指导性能优化的目标,量化指标。 什么是RAIL Respose(响...

  • 为什么要做性能优化

    性能指标 RAIL 模型Response 响应 100ms 内获得回应Animation 动画 保持 60 帧,即...

  • 使用 RAIL 模型评估页面性能

    RAIL 是一种以用户为中心的性能模型。每个网络应用均具有与其生命周期有关的四个不同方面,且这些方面以不同的方式影...

  • 使用 RAIL 模型评估前端性能

    RAIL 是一种以用户为中心的性能模型。每个网络应用均具有与其生命周期有关的四个不同方面,且这些方面以不同的方式影...

  • 第六届360前端星计划_前端性能优化

    前端性能优化 主讲人 饶占平 360前端技术专家 奇舞团 分为三部分: RAIL 模型定义 标准 工具篇 实践篇 ...

  • 性能测试-概念篇(三)

    1、性能测试(性能工程)概念 通过分析业务逻辑和技术架构,创建性能模型,制定性能方案,准备应用环境,设计并实施性能...

  • Dubbo性能调优参数及原理

    Dubbo调用模型 常用性能调优参数 源码及原理分析 >>threads FixedThreadPool.java...

网友评论

      本文标题:用RAIL模型分析性能

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