修复避免 document. write () 错误

mdasaduzzaman17

培训 文章 合集与您同在。在上一篇文章中，我们讨论了如何修复避免CSS @import错误，在本文中，我们将学习如何修复新 GTmetrix 中的避免 document.write() 问题。如果我们的英语好一点的话，我们会注意到这里警告我们不要使用 document.write()。因此，在第一部分中，我们将了解这个（document.write）是什么，在第二部分中，我们将找出它在优化网站速度时产生的问题，最后，我们将告诉您如何修复此错误（当然，你需要编程专业知识。）。 所以请和Mizfa在一起直到最后。 帖子标题[ 隐藏] 0.1避免document.write()错误总结 0.2 document.write()方法是什么？ 0.3使用 document.write() 会导致什么问题？ 0.4如何修复避免 document.write() 错误？ 0.4.1交给SEO专家或SEO团队 0.4.2总结 1新 GTmetrix 教程列表： 避免document.write()错误总结 难度级别：**** 有何影响：TBT document.write() 方法是什么？ JavaScript 中使用的 document.write() 方法或函数非常简单地在HTML文档中创建文本。


然而，这个方法的主要用途并没有结束，还可以用它来执行更多操作。例如，通过使用document.write()，可以提供一个条件：如果用户点击某个文本，则将显示所需的文本。 但是，使用 document.write() 方法会导致页面性能问题。最值得一提的是，Chrome和Firefox等浏览器 伊朗电报数据 在某些条件下会阻止执行包含document.write()的脚本。因此，您不能对这种方法感到满意，最好使用其他替代方法。这就是为什么 GT Metrics（以及之前的 Lighthouse）警告不要使用 document.write() 并将避免() document.write 错误添加到其错误列表中。 使用 document.write() 有什么问题？ 使用此脚本可能会延迟页面加载几秒钟。特别是对于网络较弱的用户，甚至可能会导致页面加载时间延迟10秒以上。因此，Chrome 浏览器在大多数情况下会阻止 document.write() 的执行。 如果我们使用 document.write()，我们将在 Chrome DevTools 控制台中看到这样的消息： [Violation] Avoid using document.write(). 我们也会在 Firefox DevTools 控制台中遇到这样的消息： An unbalanced tree was written using document.write() causing data from the network to be reparsed. 所以这两种浏览器都建议不要使用 document.write()。




然而，如果浏览器执行 document.write()，就没有理由高兴。因为它会减慢网站速度，这根本不是一件好事。所以可以说，当使用document.write()时，我们面临2种情况。或者浏览器阻止了脚本的执行，导致一些想要的代码没有被执行。或者代码被执行并导致速度急剧下降（特别是对于互联网较弱的用户）。事实上，如果浏览器不停止这些脚本，GTmetrix 或 Google Lighthouse 将显示避免 document.write() 错误。避免 document.write() 问题也会增加总阻塞时间。因此，修复避免 document.write () 错误将减少 TBT。 将避免 document.write() 问题变成基本错误的最重要原因之一是页面中存在此类脚本会导致推测解析出现问题。目前，现代浏览器使用推测解析。推测性解析使DOM构建速度更快，从而优化站点速度。