document.write() kullanımı, sayfa içeriğinin gösterilmesini onlarca saniye geciktirebilir ve özellikle yavaş bağlantılara sahip kullanıcılar için sorun teşkil eder.
Bu nedenle Chrome, birçok durumda document.write()'ün yürütülmesini engeller. Bu da bu yönteme güvenemeyeceğiniz anlamına gelir.
Chrome Geliştirici Araçları Konsolu'nda document.write() kullanırken aşağıdaki mesajı görürsünüz:
[Violation] Avoid using document.write().
Firefox DevTools Konsolu'nda şu mesajı görürsünüz:
An unbalanced tree was written using document.write() causing
data from the network to be reparsed.
Lighthouse document.write() denetimi neden başarısız olur?
Lighthouse, Chrome tarafından engellenmeyen document.write() çağrılarını işaretler:
Chrome, en sorunlu kullanımlarda kullanıcının bağlantı hızına bağlı olarak document.write() çağrılarını engeller veya bunlarla ilgili bir konsol uyarısı gösterir.
Her iki durumda da etkilenen çağrılar DevTools Console'da görünür.
Daha fazla bilgi için Google'ın document.write() ile ilgili müdahale makalesine bakın.
Lighthouse, document.write() çağrılarının kalanını raporlar. Bunun nedeni, bu çağrıların nasıl kullanıldığına bakılmaksızın performansı olumsuz etkilemesi ve daha iyi alternatiflerin bulunmasıdır.
document.write() kullanmaktan kaçının
Kodunuzdaki document.write() kullanımını kaldırın. Üçüncü taraf komut dosyaları eklemek için kullanılıyorsa bunun yerine eşzamansız yükleme kullanmayı deneyin.
Üçüncü taraf kodu document.write() kullanıyorsa sağlayıcıdan eşzamansız yüklemeyi desteklemesini isteyin.