WEB前端性能优化1301.We性能优化开篇(499KB).pptVIP

Web性能优化 - 开篇 目标 理解为什么要做性能优化 前沿 周星驰的电影《功夫》里面借火云邪神 之口说出了一句至理名言： “天下武功，唯快不破”。 目录 Web浏览设备 界面响应时间用户体验 响应时间对用户体验的影响 响应时间收入的影响 响应时间用户选择的调查 Web浏览设备 Web终端设备 PC端 平板 手机 按价格分类 低端配置 高端配置 我们的代码在高端设备上行云流水，在低端设备上就卡住、页面停止响应了？ 在低端手机用户体验上降低了，丢失了一大部分用户。 界面响应时间 - 用户体验 基于Web应用的响应时间准则和其他应用一样，多年来这些准则毫无变化。 Web页面响应时间，用户心态的变化 超过0.1秒 页面给人不够平滑快捷的感觉 超过1秒 感到应用程序缓慢 10秒 用户心情将会沮丧 响应时间 – 0.1秒 用户操作UI感觉最小极限。 比如说： 用户点击按钮，按钮背景颜色改变，这一种反馈信息，响应的时间间隔要在0.1秒内 响应时间 – 1秒 用户随意在计算机上操作，等待时间在1.2-1.0秒之内的延迟都意味着会被用户注意到，若我们的程序不能在0.1秒之内完成，则必须在1秒内完成。否则用户将会觉得应用卡，失去流畅的体验感。 若超过1秒时间，我们应当给用户提醒应用正在处理，比如：鼠标状态改变等等。 响应时间 – 10秒 用户专注于等待应用的极限，超过10