Kiểm tra mức độ sẵn sàng · Nhóm Tăng tốc · Trọng số 5

Không có tập lệnh chặn hiển thị trong phần head

Mọi tập lệnh bên ngoài trong phần head của tài liệu đều sử dụng async, defer hoặc type="module".

Vì sao điều này quan trọng

Một thẻ script src thông thường trong phần head ngăn trình duyệt hiển thị bất kỳ nội dung nào cho đến khi tệp đó được tải xuống và thực thi.

Thêm defer vào các tập lệnh cần DOM, thêm async vào các tập lệnh độc lập như tập lệnh phân tích, hoặc chuyển chúng xuống cuối phần body.

Mọi tập lệnh bên ngoài trong phần head của tài liệu đều sử dụng async, defer hoặc type="module".

Ghi nhận: Các tập lệnh trong phần head tải mà không gây chặn.

Không ghi nhận: Một hoặc nhiều tập lệnh trong phần head chặn kết xuất.

Giới hạn: Dựa trên HTML của trang chủ được phân phối đến một máy khách tự động; các tập lệnh chạy sau đó không được thực thi.

Next.js: Sử dụng thành phần next/script với chiến lược tải phù hợp.
WordPress: Kể từ WordPress 6.3, có thể đăng ký tập lệnh với chiến lược tải defer hoặc async.