前端性能优化

我们将从6个维度就解锁前端优化,在优化之前,我们会介绍一些性能优化指标和测量工具,让我们直接开始吧:

  • 性能优化指标与测量工具

  • 代码优化

    • Javascript优化
      • HTML优化
      • CSS优化
  • 渲染优化

    • 现代浏览器渲染原理
    • 可优化的渲染环节和方法
  • 资源优化

    • 压缩&合并
    • 图片格式
    • 图片加载
    • 字体优化
  • 构建优化

    • webpack优化配置
    • 代码拆分
    • 代码压缩
    • 持久化存储
    • 检测与分析
    • 按需加载
  • 传输加载优化

    • Gzip
    • KeepAlive
    • HTTP缓存
    • Service Worker
    • Http2
    • SSR
    • Nginx
  • 前沿流行优化

    • svg优化
    • FlexBox布局
    • 预加载
    • 预渲染
    • 窗口化提高列表性能
    • 骨架组件
Last Updated: 11/5/2020, 4:58:38 PM