Đang sử dụng document.write()
có thể trì hoãn việc hiển thị nội dung trang hàng chục giây
và đặc biệt khó khăn đối với người dùng trên các kết nối chậm.
Do đó, trong nhiều trường hợp, Chrome sẽ chặn việc thực thi document.write(), nghĩa là bạn không thể dựa vào phương thức này.
Trong Bảng điều khiển Công cụ của Chrome cho nhà phát triển, 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ụ 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 kiểm tra document.write() của Lighthouse không thành công
Lighthouse gắn cờ các lệnh gọi đến document.write() mà Chrome không chặn:
Đối với các trường hợp sử dụng gặp nhiều vấn đề nhất, Chrome sẽ chặn các lệnh gọi đến document.write() hoặc phát cảnh báo về các lệnh gọi đó trên bảng điều khiển, tuỳ thuộc vào tốc độ kết nối của người dùng.
Dù bằng cách nào thì 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.
Xem Hành động can thiệp chống lại 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 bất lợi đến hiệu suất bất kể cách sử dụng, và có các giải pháp thay thế tốt hơn.
Tránh document.write()
Xoá mọi trường hợp sử dụng document.write() trong mã của bạn. Nếu dịch vụ này được sử dụng
để chèn tập lệnh của bên thứ ba, hãy thử sử dụng
tải không đồng bộ
thay thế.
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ợ quá trình tải không đồng bộ.