修复避免长主线程任务错误

mdasaduzzaman17

亲爱的 Mizfa 朋友们，大家好，我们来自 Mizfa 的GTmetrix 培训 文章集与您见面。在上一篇文章中，我们讨论了如何修复避免大布局偏移错误，在本文中，我们将学习如何修复新 GTmetrix 工具中的避免长主线程任务问题。避免长主线程任务错误是指我们不应该为浏览器定义长任务（Tasks），也不应该使用其执行导致主线程长时间参与的 JavaScript 文件。修复避免长主线程任务错误非常困难，并且需要很高的编程技能。要修复此错误，我们需要识别并优化导致此问题的 JavaScript 文件（有时还包括CSS文件）。 请和米兹法一起直到最后。 帖子标题[ 隐藏] 0.1错误总结 避免长主线程任务 0.2避免长主线程任务错误的原因是什么？ 0.3如何修复避免长主线程任务错误？


0.3.1向 SEO 或编程专家寻求帮助 0.3.2总结 1新 GTmetrix 教程列表： 避免长主线程任务错误总结 难度级别：***** 它有何影响：TBT和 TTI 以及最小化主线程工作错误 避免长主线程任务错误的原因是什么？ 为了更好地理解避免长主线程任务错误，我们需要首先了解有 伊朗电报数据 关浏览器的一些重要参数。那么我们先看看什么是主线程？正如我们在GT Metrics的性能报告文章中所说，当网站页面正在加载时，需要调用许多资源，并在页面背后发生各种任务和操作。诸如解析HTML和CSS文件、创建DOM、执行 JavaScript 文件等任务。用非常简单的话来说，浏览器使用主线程来执行这些任务或用户请求（例如点击）。 为了更好地理解主线程，一个很好的例子是将主线程视为餐厅服务员。这位服务员的任务多种多样，例如接受订单、将订单送到厨房、将食物送到餐桌、清洁桌子等。现在，如果这位服务员的其中一项任务花费了太长时间，会发生什么情况？是的，它没有涉及其他重要的事情。




因此，我们应该以这样的方式设计服务员（主线程）的任务：处理特定任务不会花费太多时间。 我们应该熟悉的下一个标准是任务。任务没有复杂的概念。HTML文档解析或CSS解析等事件，以及 JavaScript 解析和执行，都是浏览器的一项任务。我们这里处理的关键点是一些任务是在主线程上执行的。 如果我们回到我们的例子，亲爱的服务员负责的每一项任务都被视为一项任务。现在，如果一个任务花费太长的时间，正如我们所说，它会让服务员（浏览器）有点晚去做其他必要的事情来完全加载页面。因此，页面稍后变为交互式，这直接影响交互时间。如果您不知道 TTI 测量在网站速度优化中有多重要，请阅读文章什么是交互时间。解决避免长主线程任务的问题对于优化首次绘制标准也很有效。