web性能优化指标

web性能是什么

简单来说就是_你的网站够不够快_,举以下几个例子

• 表单提交
• 列表切换
• 动画的流程性
• 打开速度

MDN上对web性能的定义是-Web 性能是网站或应用程序的客观度量和可感知的用户体验。可以从以下几个点出发

• 加载速度
• 交互和平滑性
• 感知表现

性能优化流程

• 确定标准。做性能优化必须确定标准，如果没有确定标准，我们就无法知道做到什么程度才是合适的，有可能你自我认为性能已经做的很好了，但是从用户角度来看的实际体验却很糟糕,这就是没有达到目的。如果做的过度其实就是人力和收益不成正比，例如加载时间，已经是达到一个极致了，你还要继续优化，例如缩减1ms，但是实际上收益不大，那么此时我们就应该转换战线。* 利用专业的测试工具去客观的、量化的评估网站的性能。这些工具可以帮我们准确的去评估，获得更多对我们有用的数据。而如果单单通过肉眼去观察的话，那么实际上获取的数据就是很少的。例如网站加载慢，你所认为的慢其实就是等待时间长，但是除了这个，你没有获得更多的一些对你有用的数据。而且对于不同人来说，有些人觉得慢，有些人觉得还行，那这时候你就要展示你获得的数据去证实你的观点，用数据说话。* 基于网站页面的生命周期，去分析造成性能差的客观原因，而不是说主观的自我感觉，得拿出数据。* 基于上一步定位到的原因，去找到收益最高的技术方案进行改造* 持续改造，很多东西不是一蹴而就的，不是说一天你就能把这个给优化的很好，这是一个渐进式的一个过程。特别是对于一些巨石项目。性能优化指标
  =&#