首页 » 博客 » 如何将 JavaScript 移动到 WordPress 底部或页脚

如何将 JavaScript 移动到 WordPress 底部或页脚

最近,我们的一位读者询问我们,如何在 WordPress 中下移 JavaScript 以提高他的 Google 页面速度得分。我们很高兴他问这个问题,因为说实话,我们想写下来。之前我们讨论了如何在 WordPress 中正确插入JavaScript 和 CSS 样式。在本文中,我们将向您展示如何在 WordPress 中下移 JavaScript,以提高您的网站加载时间和 Google 页面速度得分。

将 JavaScript 移至底部的好处

JavaScript 是一种客户端编程语言。它 哥斯达黎加手机号码数据 由用户的网络浏览器执行,而不是由您的网络服务器执行。如果将 JavaScript 放在顶部,浏览器可能会在加载页面的其余部分之前执行或处理 JavaScript。如果您将 JavaScript 向下移动,您的 Web 服务器将快速呈现页面,然后用户的浏览器将执行 JavaScript。由于服务器端渲染已经完成,JavaScript 在后台加载,使得页面整体加载速度更快。

这会提高您在使用 Google Page Speed 或 Yslow 测试时的速度得分。谷歌和其他搜索引擎现在将页面速度视为显示搜索结果时的性能矩阵之一。这意味着加载速度更快的网站在搜索结果中会更加突出。

在 WordPress 中添加脚本的正确方法

WordPress 具有强大的排队系统,允许主题 收入增长较高的客户类型 和插件开发人员对他们的脚本进行排队并按需加载它们。正确排序脚本和样式可以显著提高页面的加载速度。

为了向您展示一个简单的示例,我们将在 WordPress 主题中插入一小段 JavaScript。将您的 JavaScript 保存在 a 中将其放置.的主题中。如果您的主题没有 JavaScript 目录,请创建一个。放置脚本文件后,编辑functions.php主题文件并添加以下代码

要在页脚或 WordPress 页面末尾插入脚本,您只需将参数设我们还使用了另一个录的 URL 的函数。此功能应用于在 WordPress 主题中排队和注册脚本和样式。对于插件我们将plugins_url()使用该函数。

问题:

问题是 WordPress 插件有时会将其自己的 JavaScript 注入到页面的 <head> 或页面正文中。要将这些脚本移至底部,您需要编辑插件文件并正确地将脚本移至底部。

查找 JavaScript 源代码

在网络浏览器中打开您的网站并查看页面源 br 号码列表 码。您将看到 JavaScript 文件的链接,它指示文件的位置和来源。例如,在下面的屏幕截图中我们可以看到我们的脚本属于一个名为“test-plugin101”的插件。该脚本文件位于目录中js

 

有时 JavaScript 直接插入到页面中,而不是通过单独的 .js 文件链接。在这种情况下,您需要逐个停用所有插件。停用每个插件后,刷新页面,直到找到将脚本添加到页面的插件。如果即使停用所有插件后 JavaScript 仍未消失,请尝试切换到其他主题,看看您的主题是否添加了 JavaScript。

 

滚动至顶部