web性能
Web性能是客观的衡量标准,是用户对加载时间和运行时的直观体验。Web 性能指页面加载到可交互和可响应所消耗的时间
主要包括以下内容
- 减少总体负载时间 需要多长时间才能将渲染网站所需的文件下载到用户的计算机上?这往往受到延迟、文件大小、文件数量以及其他因素的影响。一般策略是使文件尽可能小,尽可能减少 HTTP 请求的次数,并采用巧妙的加载技术(例如 preload)使文件更快可用。
- 尽快使网站可用 简单来说就是以合理的顺序加载你的网站资源,以便用户能够更快地开始使用。在用户继续执行主要任务的同时,任何其他资源都可以在后台继续加载。有时我们也会在实际需要时才加载资源(这被称为懒加载)。网站从开始加载,到达到可用状态为止所需的时间被称为交互等待时间
- 流畅性和交互性 应用程序是否可靠,使用起来是否愉快?滚动是否流畅?按钮是否可点击?弹出窗口是否能够快速打开,并且在打开时动画是否流畅?在制作流畅的应用程序时,有很多优秀实践可以参考。例如使用 CSS 动画而不是 JavaScript 来制作动画,并尽量减少由于 DOM 变化而引起重绘 UI 的次数。
- 感知性能 用户所体验到的,是网站看起来有多快,而不是网站实际有多快。用户感受到的性能与任何客观统计数据一样重要,甚至可能更重要。但这种主观的感受不容易测量。感知性能是用户的感受,而不是度量标准。即使操作将花费很长时间(因为延迟或其他原因),也可以通过显示“加载中”的旋转指示器或一系列有用的提示和技巧(或笑话,以及其他你认为合适的内容)来保持用户在等待期间的参与度。这种方法比什么都不显示要好得多感知性能
- 性能测量 Web 性能包括测量应用程序的实际速度和感知速度,在可能的情况下进行优化,然后监视性能,以确保已经优化过的内容保持优化状态