web性能是网站或应用程序的客观测量和感知用户体验。
主要包括以下内容:
- 减少总体加载时间:呈现网站所需的文件需要多长时间能够下载到用户计算机上?这往往会受到延迟、文件大小、文件数量、以及其他因素的影响。一般策略是使文件尽可能小,尽可能减少HTTP请求数量,并合理的利用预加载技术(preload、prefetch)是文件更快使用。
- 尽快使网站可用: 这意味着需要按照合理的顺序加载网站资源,以便用户可以真正快速的使用它。当用户执行主要的任务时,任何其他的资源都可以在后台加载,甚至是使用懒加载或者延迟加载。网站开始加载后需要多长时间才能开始使用的度量称为交互时间。
- 流畅性和交互性:应用程序是否可靠且使用起来流畅,按钮是否可以点击,窗口弹出是否快速平滑,打开时动画效果是否流畅?有很多的最佳实践可以让应用程序使用感觉流畅,例如使用css制作动画,而不是javascript,尽量减少因DOM修改而需要重绘UI的次数
- 感知性能:网站在用户看来有多快比网站实际有多快对用户体验的影响更大。用户如何看待你的表现比任何客观的数据一样重要,甚至更重要,但他是主观的并不容易衡量。感知性能是用户视角,即使操作需要很长的时间,也可以通过显示加载动画等一系列的技巧让用户等待时感觉更舒服,这种方式比不显示要好很多。
- 性能测量:Web 性能涉及测量应用程序的实际和感知速度,在可能的情况下进行优化,然后监控性能,以确保您优化的内容保持优化状态。这涉及许多指标(可以指示成功或失败的可衡量指标)和衡量这些指标的工具,我们将在整个模块中讨论这些指标。
总之,影响性能有很多方面,包括了延迟、应用程序大小、DOM节点数、发送的资源请求数、javascript性能、CPU负载等等。重要的是要尽量减少加载和响应的时间,并添加额外的功能来隐藏延迟。