Nếu một tập lệnh bên thứ ba đang làm chậm quá trình tải trang, bạn có hai cách để cải thiện hiệu suất:
- Xoá thẻ này nếu thẻ đó không mang lại giá trị rõ ràng cho trang web của bạn.
- Tối ưu hoá quá trình tải.
Bài đăng này giải thích cách tối ưu hoá quá trình tải tập lệnh của bên thứ ba bằng các kỹ thuật sau:
- Sử dụng thuộc tính
async
hoặcdefer
trên thẻ - Thiết lập kết nối sớm với các nguồn gốc bắt buộc
- Tải từng phần
- Tối ưu hoá cách phân phát tập lệnh của bên thứ ba
Sử dụng async
hoặc defer
Vì các tập lệnh đồng bộ làm chậm quá trình tạo và hiển thị DOM, nên bạn phải luôn tải các tập lệnh của bên thứ ba một cách không đồng bộ, trừ phi tập lệnh phải chạy trước khi có thể hiển thị trang.
Thuộc tính async
và defer
cho trình duyệt biết rằng trình duyệt có thể tiếp tục phân tích cú pháp HTML trong khi tải tập lệnh ở chế độ nền, sau đó thực thi tập lệnh sau khi tải. Bằng cách này, việc tải tập lệnh xuống không chặn quá trình tạo DOM hoặc hiển thị trang, cho phép người dùng xem trang trước khi tất cả tập lệnh tải xong.