I. Kỹ thuật

Video

Size

1. Tree shaking

2. Tối ưu size (vd: dùng webpack)

3. Code Split

4. Compress (nén)

  • Gzip

Cache

áp dụng cơ chế CDN

  • Cache trêb máy tính local
  • sử dụng IndexDB

Wait (xử lý bất đồng bộ)

1. Async + Defer

2. Lazy loading

3. Web worker

4. Preload, Prefretch

II. Công cụ

Lighthouse

Coverage

Request blocking

npm

  • https://bundlephobia.com (check tree sharking và size trước khi install)

Browser support