前端性能优化

通过对页面生命周期过程的了解，我们知道为了展示出想要的页面，需要许多相关的资源文件，诸如HTML文件、CSS文件、JavaScript文件及图片等其他资源文件。只有所需的资源都被浏览器请求到后，通过渲

本文将主要关注浏览器获取到资源后，进行渲染部分的相关优化内容。 7.1 页面渲染性能 页面渲染阶段对性能体验的应i昂与资源加载阶段同样重要，而对于设计高交互频次的应用来说可能更加重要。 本节将整个渲染

1.1 性能的起因 人无我有，人有我优，人优我廉，人廉我专 1.2 性能的影响 1.2.1 用户的留存 根据Google营销平台提供的调研发现，如果网站页面加载时间超过3，就会有53%的移动网站的访问

2.1 一道题 经典问题：从浏览器地址栏输入URL后，到页面渲染出来，整个过程发生了什么？ 前端阶段作答： 浏览器接收到URL，到网络请求线程的开启。 一个完整的HTTP请求发出。 服务器接收到请求并

根据HTTP Archive网站的统计数据，截止到2021年12月互联网页面的请求数据量中，图像资源已经占据了60%~65%，这仅是平均数据，对于电商或图片社交场景，这个比例将更大。 想要获得更好的性

用户通过浏览器访问页面的过程，除了输入URL地址到所访问页面完成首屏渲染，更多的时候页面在相应与用户的交互。 高性能网站的要求不仅是执行顺畅无BUG，还希望对用户的页面操作能够更快速响应，而且在执行完

一条高效传递信息的原则：字不如表，表不如图。 图像资源优化的根本思想：压缩。无论选取何种图像的文件格式，还是针对同一种格式压缩至更小的尺寸，其本质都是用更小的资源开销来完成图像的传输和展示。 3.1