Web前端性能优化
🌙
手机阅读
本文目录结构
优化手段主要有：浏览器性能优化 、 CDN 加速、 反向代理
浏览器性能优化
- 减少HTTP请求
- 合并CSS/JS
- 合并图片
- 启用浏览器缓存
- 文件时间戳
- 文件更新，逐步进行，不一次性更新大量
- 启用压缩/压缩静态文件
- 静态文件压缩
- 开启gzip
- 减少cookie传输
- cookie包含在每次请求和响应中，太大影响数据传输，写入cookie时候需要慎重
- CSS/JS合理引用
- CSS上面/JS放下面
- 如果页面解析时候需要JS，放在底部不适合了
CDN 加速
一般是缓存静态资源（现在服务商也推出了动态资源CDN，只是还没有大规模被使用），将其缓存到CDN可以极大改善网页打开速度
- 图片
- 文件（一般上OSS）
- CSS
- Script
- 静态网页
CDN本质也是缓存，属于网络访问第一跳；
CDN部署到运营商机房，第一跳到CDN后，当CDN中存在浏览器请求的资源时，从CDN直接返回给浏览器；
【如图】
- 最短路径返回响应
- 加快用户访问速度
- 减少数据中心负载压力
反向代理
原理
【如图】
保护网站安全的作用
用户请求都必须经过代理服务器，相当于在Web服务器和可能的网络之间建立一个屏障
配置缓存功能加速Web请求
第一次访问静态内容的时候，缓存在反向服务器上，其他用户再次访问时，直接从反向代理服务器返回
负载均衡功能
通过负载均衡构建的应用集群可以提高总体处理能力，提高并发性能
