Việc sử dụng document.write() có thể trì hoãn việc hiển thị nội dung trang trong vài chục giây và đặc biệt gây ra vấn đề cho người dùng có kết nối chậm.
Do đó, Chrome chặn việc thực thi document.write() trong nhiều trường hợp, nghĩa là bạn không thể dựa vào document.write().
Trong Bảng điều khiển Công cụ cho nhà phát triển của Chrome, bạn sẽ thấy thông báo sau khi sử dụng document.write():
[Violation] Avoid using document.write().
Trong bảng điều khiển Công cụ cho nhà phát triển của Firefox, bạn sẽ thấy thông báo sau:
An unbalanced tree was written using document.write() causing
data from the network to be reparsed.
Cách bài kiểm tra document.write() của Lighthouse không thành công
Cờ Lighthouse gọi đến document.write() mà Chrome không chặn:
Đối với những trường hợp sử dụng có vấn đề nhất, Chrome sẽ chặn các lệnh gọi đến document.write() hoặc phát ra cảnh báo trên bảng điều khiển về các lệnh gọi đó, tuỳ thuộc vào tốc độ kết nối của người dùng.
Dù bằng cách nào, các lệnh gọi bị ảnh hưởng đều xuất hiện trong Bảng điều khiển Công cụ cho nhà phát triển.
Hãy xem bài viết Ngăn chặn document.write() của Google để biết thêm thông tin.
Lighthouse báo cáo mọi lệnh gọi còn lại đến document.write() vì lệnh gọi này ảnh hưởng tiêu cực đến hiệu suất bất kể cách sử dụng và có các lựa chọn thay thế tốt hơn.
Tránh document.write()
Xoá tất cả các lần sử dụng document.write() trong mã của bạn. Nếu thẻ này đang được dùng để chèn tập lệnh của bên thứ ba, hãy thử dùng tính năng tải không đồng bộ.
Nếu mã của bên thứ ba đang sử dụng document.write(), hãy yêu cầu nhà cung cấp hỗ trợ tải không đồng bộ.