前端性能优化实战

# 前端性能优化实战

全方位优化前端性能，提升用户体验。

## 加载性能

### 减少 HTTP 请求

- 合并文件
- 使用雪碧图
- 内联关键 CSS

### 使用 CDN

加速静态资源加载。

### 懒加载

延迟加载非关键资源。

## 渲染性能

### 减少重排重绘

优化 CSS 选择器。

### 使用 GPU 加速

利用 transform 和 opacity。

### 虚拟列表

优化长列表渲染。

## 工具

- Lighthouse
- WebPageTest
- Chrome DevTools