Menggunakan document.write()

Menggunakan document.write() dapat menunda tampilan konten halaman selama puluhan detik dan sangat bermasalah bagi pengguna dengan koneksi yang lambat. Oleh karena itu, Chrome memblokir eksekusi document.write() dalam banyak kasus, yang berarti Anda tidak dapat mengandalkannya.

Di Konsol Chrome DevTools, Anda akan melihat pesan berikut saat menggunakan document.write():

[Violation] Avoid using document.write().

Di Konsol DevTools Firefox, Anda akan melihat pesan ini:

An unbalanced tree was written using document.write() causing
data from the network to be reparsed.

Kegagalan audit document.write() Lighthouse

Lighthouse menandai panggilan ke document.write() yang tidak diblokir oleh Chrome:

Audit Lighthouse yang menunjukkan penggunaan document.write

Untuk penggunaan yang paling banyak bermasalah, Chrome akan memblokir panggilan ke document.write() atau memunculkan peringatan konsol tentang hal itu, tergantung pada kecepatan koneksi pengguna. Apa pun yang terjadi, panggilan yang terpengaruh akan muncul di Konsol DevTools. Lihat Intervensi Google melawan document.write() untuk informasi selengkapnya.

Lighthouse melaporkan panggilan yang tersisa ke document.write() karena hal ini berdampak buruk pada performa, apa pun cara penggunaannya, dan ada alternatif yang lebih baik.

Menghindarindocument.write()

Hapus semua penggunaan document.write() dalam kode Anda. Jika sedang digunakan untuk memasukkan skrip pihak ketiga, coba gunakan pemuatan asinkron sebagai gantinya.

Jika kode pihak ketiga menggunakan document.write(), minta penyedia untuk mendukung pemuatan asinkron.

Resource