1.首页加载速度优化:
(1)减少DNS查找:可以将网站所需的文件下载到本地,不应调用别人支持的CDN
(2)css优先加载,js延迟加载
(3)减少http请求
(4)缩小文件体积
2.减少http请求:
(1)首页数据缓存
(2)避免发送重复请求
(3)使用精灵图
3.使用HTTP2
(1)解析速度快:服务器解析 HTTP1.1 的请求时,必须不断地读入字节,直到遇到分隔符 CRLF 为止。而解析 HTTP2 的请求就不用这么麻烦,因为 HTTP2 是基于帧的协议,每个帧都有表示帧长度的字段
(2)多路复用:HTTP1.1 如果要同时发起多个请求,就得建立多个 TCP 连接,因为一个 TCP 连接同时只能处理一个 HTTP1.1 的请求。在 HTTP2 上,多个请求可以共用一个 TCP 连接,这称为多路复用。同一个请求和响应用一个流来表示,并有唯一的流 ID 来标识。 多个请求和响应在 TCP 连接中可以乱序发送,到达目的地后再通过流 ID 重新组建。
(3)首部压缩:HTTP2 提供了首部压缩功能,HTTP/2 在客户端和服务器端使用“首部表”来跟踪和存储之前发送的键-值对,对于相同的数据,不再通过每次请求和响应发送。
(4)服务器推送:HTTP2 新增的一个强大的新功能,就是服务器可以对一个客户端请求发送多个响应,例如当浏览器请求一个网站时,
前端面试之性能优化(超详细)
最新推荐文章于 2024-05-28 18:46:57 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)