前端性能优化——传输加载优化(高访问量网站性能优化)

174 阅读1分钟

启用压缩 GZip(传输压缩方案)

修改 nginx.conf 文件 对传输资源进行体积压缩,可高达90%

启用 keep-alive( 通过一个参数提速连接 )

对 TCP 连接进行复用,在 HTTP1.1 默认开启的

HTTP 资源缓存

  • cache-control/expires
  • last-modified + if-modified-since
  • etag + if-none-match

理解 Service Workers 技术,给网站提速

  • 加速重复访问
  • 离线访问
  • 延长了首屏加载时间,但页面总加载时间减少
  • 只能在 localhost 和 https 下使用

create-react-app 创建的工程,自动支持 service workers 功能

HTTP2 的性能提升

  • 二进制传输
  • 请求响应多路复用
  • server push
  • http2 只能工作在 https 下,适合较多的请求量

用流行的 SSR 给前端减负

  • 加速首屏加载
  • 有助于 SEO