网站案例架构(Web前端性能优化)读书笔记
程序员文章站
2022-07-02 13:25:07
...
Web前端性能优化
浏览器访问优化
1:减少http请求 原因
http请求无状态,每次都要建立通信链路;
服务端每个http请求都要启动独立的线程;
实现方式:
合并css,js,图片等文件;
2:使用浏览器缓存 原因 css,js,logo,图标更新频率低,每次请求都需要;
实现方式:
Cache-Control和Expires属性;
注意:使用缓存策略,当更新网站静态资源的时候,应批量更新,避免大量更新,造成服务器负载和网络阻塞;
3:启用压缩:原因
有效减少通信传输的数据量
实现方式:
服务端对文件进行压缩,浏览器对文件进行解压缩
注意:压缩和解压缩给服务器和浏览器带来的负载 (网络带宽良好和服务器资源不足的情况下,使用需要考虑)
4:减少Cookie传输
原因:
1 Cookie在请求和响应中都会携带,太大会严重影响数据的传输
2 访问静态资源css,script,发送Cookie没意义
实现方式:
慎重考虑哪些数据需要写入Cookie
访问静态资源css,js,使用独立域名的方式访问,减少Cookie发送的次数
CDN加速(内容分发)
最短路径获取数据
原因: 本质是缓存,网络访问第一跳
实现方式:
1 用户请求路由第一调到CDN网络服务提供商本地机房CDN服务器,存在请求的资源返回给浏览器,加快用户访问速度,减少网站数据中心的负载压力
2 CDN能缓存的一般是静态资源,针对访问频度比较高的
反向代理
1 代理服务器,接受请求,分发请求,可以对代理服务器请求建立屏障,过滤请求的安全性
2 代理服务器可以配置静态资源的缓存,加速请求响应
3 负载均衡构建集群