document.write() işlevini kullanır

document.write() kullanımı, sayfa içeriğinin görüntülenmesini onlarca saniye geciktirebilir ve özellikle bağlantısı yavaş olan kullanıcılar için sorun teşkil eder. Bu nedenle Chrome çoğu durumda document.write() uygulamasının yürütülmesini engeller, bu nedenle ona güvenemezsiniz.

document.write() aracını kullandığınızda Chrome Geliştirici Araçları Konsolu'nda aşağıdaki mesajı görürsünüz:

[Violation] Avoid using document.write().

Firefox Geliştirici Araçları 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 nasıl başarısız olur?

Lighthouse, Chrome tarafından engellenmeyen document.write() çağrılarını işaretler:

document.write kullanımını gösteren Lighthouse denetimi

En sorunlu kullanımlarda Chrome, 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ı verir. Her iki durumda da, etkilenen çağrılar Geliştirici Araçları Konsolu'nda görünür. Daha fazla bilgi için Google'ın document.write() alanına müdahale etme makalesini inceleyin.

Lighthouse, nasıl kullanılırsa kullanılsın performansı olumsuz etkilediği ve daha iyi alternatifler olduğu için kalan çağrıları document.write() ekibine bildirir.

Kaçınma: document.write()

Kodunuzdaki tüm document.write() kullanımlarını kaldırın. Üçüncü taraf komut dosyalarını yerleştirmek için kullanılıyorsa bunun yerine eşzamansız yüklemeyi kullanmayı deneyin.

Üçüncü taraf kodu document.write() kullanıyorsa sağlayıcıdan eşzamansız yüklemeyi desteklemesini isteyin.

Kaynaklar