Perfmatters - 如何在 WordPress 中延缓 JavaScript

由于 JavaScript 工作方式的性质,您很可能会在速度测试工具中看到“消除渲染阻塞资源”警告。

推荐广告

这意味着您的 JavaScript 文件在加载时会减慢(阻止)WordPress 站点页面的第一次绘制。

这会影响第一个有内容的绘制(FCP)和最大有内容绘制(LCP)。

Eliminate render-blocking resources warning

推荐广告
1662105869 bluehost

加快页面绘制速度的一个好方法是延迟所有非关键 JavaScript。这意味着JavaScript 是在 HTML 解析期间下载的,并将在页面加载完成后(当解析器完成时)执行。将其视为将所有 JavaScript 推到瀑布底部。

这是通过在每个 JavaScript 文件上添加 defer 属性来实现的。

<script type='text/javascript' src='https://domain.com/script.js'
defer
></script>

注意:延缓脚本是按照它们在 HTML 文档中出现的顺序执行的。

包含 jQuery

还有一个可选特性“包含 jQuery”,允许推迟 jQuery 核心,它是 WordPress 的一部分。

注意:这需要启用“延迟 JavaScript”。

警告:我们建议单独测试或停止测试,许多插件和主题需要 jQuery,推迟它可能会在您的网站上造成问题。

推荐广告

登录账户

忘记密码?

忘记密码?

输入您的账户数据,我们稍后会发送重置密码的链接。

您的密码重置链接好像无效或已过期。

登录账户

隐私政策

添加到集合

暂无集合

在这里你可以找到你之前创建的所有集合。