Tối ưu hoá đường dẫn kết xuất quan trọng

Ilya Grigorik
Ilya Grigorik

Ngày xuất bản: ngày 31 tháng 3 năm 2014

Để cung cấp thời gian hiển thị đầu tiên nhanh nhất có thể, chúng ta cần giảm thiểu 3 biến:

  • Số lượng tài nguyên quan trọng.
  • Độ dài đường dẫn quan trọng.
  • Số byte quan trọng.

Tài nguyên quan trọng là tài nguyên có thể chặn quá trình kết xuất ban đầu của trang. Càng ít tài nguyên như vậy, trình duyệt, CPU và các tài nguyên khác càng ít phải làm việc.

Tương tự, chiều dài đường dẫn quan trọng là một hàm của biểu đồ phần phụ thuộc giữa các tài nguyên quan trọng và kích thước byte của các tài nguyên đó: một số lượt tải tài nguyên xuống chỉ có thể được bắt đầu sau khi một tài nguyên trước đó đã được xử lý và tài nguyên càng lớn thì càng mất nhiều lượt tải xuống.

Cuối cùng, trình duyệt càng tải ít byte quan trọng thì càng có thể xử lý nội dung nhanh hơn và hiển thị nội dung đó trên màn hình. Để giảm số byte, chúng ta có thể giảm số lượng tài nguyên (loại bỏ hoặc đặt thành không quan trọng) và đảm bảo giảm thiểu kích thước truyền bằng cách nén và tối ưu hoá từng tài nguyên.

Trình tự chung của các bước để tối ưu hoá đường dẫn kết xuất quan trọng là:

  1. Phân tích và mô tả đường dẫn quan trọng: số lượng tài nguyên, byte, độ dài.
  2. Giảm thiểu số lượng tài nguyên quan trọng: loại bỏ, trì hoãn tải xuống, đánh dấu là không đồng bộ và các yếu tố cần cân nhắc quan trọng khác.
  3. Tối ưu hoá số lượng byte quan trọng để giảm thời gian tải xuống (số lượt tải).
  4. Tối ưu hoá thứ tự tải các tài nguyên quan trọng còn lại: tải tất cả thành phần quan trọng xuống càng sớm càng tốt để rút ngắn độ dài đường dẫn quan trọng.

Phản hồi