5分钟生成10篇英文软文article forge软件试用

你认为处理 JavaScript 是否具有挑战性? 你不是一个人。 JavaScript 很难学习,因为它功能强大:它向网页添加动态和交互式元素以与用户互动。

google广告开户

如果您曾经通过 GTmetrix 或 PageSpeed Insights 审核过您的 WordPress 网站,您可能会遇到过“延迟解析 Javascript”的建议:

通过延迟非关键 JS 来消除渲染阻塞资源 - 来源:GTmetrix
通过延迟非关键 JS 来消除渲染阻塞资源——来源:GTmetrix

用简单的英语来说,这意味着某些 Javascript 正在影响您的网站加载时间——您应该采取一些措施来提高速度。

在本教程中,您将了解有关延迟 Javascript 的所有知识,以及为什么它对 WordPress 网站的性能至关重要。 因为延迟 JavaScript 一开始可能会让人望而生畏,所以我们将分享一些可以为您的网站实施的简单优化技术。

延迟解析 JavaScript 是什么意思?

Defer Parsing of Javascript 意味着延迟访问者屏幕上不需要的 JS 处理。 延迟 Javascript 是一种关键的优化技术,可以最大限度地减少主线程工作并在页面加载期间消除无用的重量。

Javascript中的延迟和解析是什么意思

当您延迟 Javascript 时,会发生以下情况:您推迟或延迟加载 Javascript 以首先加载最重要的内容。 您告诉浏览器暂时不要处理(解析)Javascript 的一部分。 相反,实际页面内容将优先于必须立即执行的 JS 代码。

📖要记住:

推迟 = 稍后加载 或者 推迟部分代码

解析 = 浏览器“阅读”和“理解”代码的过程

JS常用路径 = 下载 > 解析 > 编译 > 执行 > 在访问者屏幕上呈现

延迟 Javascript 的解析以减少页面渲染的阻塞

阻止渲染的资源是样式表、Javascript 和 HTML,它们会延迟或阻止浏览器向访问者显示页面内容。 Defer Parsing Javascript 是消除渲染阻塞资源的策略之一,因为浏览器会 知道 哪些代码行需要优先加载。

让我通过 HTML 和 JS 的代码片段向您展示阻止渲染的资源如何影响浏览器和加载时间:

渲染阻塞资源如何影响浏览器
渲染阻塞资源如何影响浏览器

这就是我的浏览器在幕后发生的事情:

  1. 我的浏览器发现需要下载一些 HTML。
  2. 但随后,他找到了一些 JS 来解析和执行。 浏览器无法同时执行所有内容:我的 HTML(实际内容)的下载已暂停。
  3. 性能问题触发: 当我的浏览器正在处理 时,我的 HTML 的其余部分被阻止了。 因此,将页面内容呈现给访问者需要更多时间。

如果你推迟解析 JS,会发生什么变化?

WordPress divi主题

当您延迟解析 JavaScript 时,您告诉浏览器分别加载和解析 JavaScript 文件。 DOM(或关键内容)将立即显示给访问者,而不是像我们上面的示例那样被阻止。

为什么延迟加载 Javascript 对性能很重要

延迟加载 Javascript 将显着减少页面的呈现时间并提高性能。 但为什么?

请记住,浏览器必须遍历所有