Penggunaan document.write()
dapat menunda tampilan konten halaman selama puluhan detik
dan sangat bermasalah bagi pengguna dengan koneksi yang lambat.
Oleh karena itu, Chrome akan memblokir eksekusi document.write()
dalam banyak kasus,
yang berarti Anda tidak dapat mengandalkannya.
Di Chrome DevTools Console, Anda akan melihat pesan berikut saat menggunakan document.write()
:
[Violation] Avoid using document.write().
Di Firefox DevTools Console 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](https://developer.chrome.com/static/docs/lighthouse/best-practices/no-document-write/image/lighthouse-audit-showing-909671e5aff87.png?authuser=6&hl=id)
Untuk penggunaan yang paling bermasalah,
Chrome akan memblokir panggilan ke document.write()
atau mengeluarkan peringatan konsol tentang panggilan tersebut, bergantung pada kecepatan koneksi pengguna.
Panggilan yang terpengaruh akan muncul di DevTools Console.
Lihat artikel Intervensi terhadap document.write()
Google untuk informasi selengkapnya.
Lighthouse melaporkan semua panggilan yang tersisa ke document.write()
karena berpengaruh buruk terhadap performa, terlepas dari cara penggunaannya,
dan ada alternatif yang lebih baik.
Menghindarindocument.write()
Hapus semua penggunaan document.write()
di kode Anda. Jika skrip digunakan
untuk memasukkan skrip pihak ketiga, coba gunakan
pemuatan asinkron.
Jika kode pihak ketiga menggunakan document.write()
,
minta penyedia untuk mendukung pemuatan asinkron.