前端需要性能优化吗?
性能优化一直以来都是前端工程领域中的一个重要部分。很多资料表明,网站应用的性能(加载速度、交互流畅度)优化对于提高用户留存、转化率等都有积极影响。可以理解为,提升你的网站性能,就是提升你的业务数据(甚至是业务收入)。
性能优化广义上会包含前端优化和后端优化。后端优化的关注点更多的时候是在增加资源利用率、降低资源成本以及提高稳定性上。相较于后端,前端的性能优化会更直接与用户的体验挂钩。从用户体验侧来说,前端服务5s的加载时间优化缩减80%(1s)与后端服务50ms的响应优化缩减80%(10ms)相比,用户的体验提升会更大。因此很多时候,与体验相关的性能的瓶颈会出现在前端。
当然后端性能优化非常重要,正如上面所说,它们关注点可能不同。前端类似于最后一公里,由于和用户最近,所以性能问题会直接影响到用户体验。这一系列关注点会放在”前端性能优化“上
如何学习性能优化?
性能优化作为一个系统性工程,大家想要系统性的去学习并不容易。
“从地址栏输入XXX到访问之间经历了什么?”其实我们也可以从这个视角来看待性能优化。
从访问开始,用户可能会经历类似「查询缓存 -> 发送请求 -> 等待响应 -> 页面解析 -> 下载并处理各类静态资源 -> 运行时 -> 预加载(等待后续的请求)」这样一个不断往复的“旅程” —— 也就是我们的「性能优化之旅」。Web 应用在其中每一站都可能遇到性能问题,当然也会有对应的优化手段。