Menggunakan document.write()

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

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.

Referensi