如何在WordPress中将Java脚本移到底部或页脚

最近,我们的一位读者问我们,他们如何将Java脚本移到WordPress的底部,以提高他们的Google页面速度分数。我们很高兴他们问了,因为老实说,我们想写这方面的文章。在此之前,我们已经讨论了如何在WordPress中正确添加Java脚本和CSS样式。在本文中,我们将向您展示如何将Java脚本移到WordPress的底部,这样您就可以改善站点加载时间和Google页面速度得分。

将Java脚本移至底层的好处

JavaScript是一种客户端编程语言。它是由用户的Web浏览器而不是您的Web服务器执行和运行的。当您将JavaScript放在顶部时,浏览器可能会在加载页面的其余部分之前执行或处理该JavaScript。当Java脚本被移到底部时,您的Web服务器将快速呈现页面,然后用户的浏览器将执行Java脚本。由于所有服务器端渲染都已完成,因此将在后台加载JavaScript,从而使整体加载速度更快。

这将提高您的速度分数测试时,谷歌页面速度或Ylow。谷歌和其他搜索引擎现在正在考虑将页面速度作为显示搜索结果时的性能矩阵之一。这意味着,加载速度较快的网站将在搜索结果中显示得更突出。

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

WordPress有一个强大的排队系统,允许主题和插件开发人员将他们的脚本添加到队列中,并根据需要加载它们。正确地将脚本和样式排入队列可以显著提高页面加载速度。

为了给你展示一个基本的例子,我们将在一个WordPress主题中添加一个小的JavaScript。将您的JavaScript保存在.js归档并放置该文件.js 您的主题中的文件js目录。如果您的主题没有用于Java脚本的目录,则创建一个。放置脚本文件后,编辑主题的functions.php文件并添加以下代码:


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

将脚本注册和入队

一旦您找到了在Header部分添加了JavaScript的插件或主题,下一步就是找出插件调用文件的位置。在您的某个主题或插件的PHP文件中,您将看到对该特定内容的调用.js文件。

如果插件或主题已经在使用入队来添加JavaScript文件,那么您需要做的就是更改插件或主题中的wp_Register_script函数,并为$in_footer参数添加TRUE。就像这样:


wp_register_script('script-handle', plugins_url('js/script.js'  , __FILE__ ),'','1.0',true);

由❤️托管WPCode
在WordPress中一键使用

让我们假设您的插件或主题正在标题中或内容之间添加原始的JavaScript。在插件或主题文件中找到原始的Java代码,复制该代码并将其保存在.js文件。然后使用wp_register_script() 如上所示的函数,将JavaScript移到底部。

编者按:重要的是要了解,当您对核心文件进行更改并更新插件时,您的更改不会被覆盖。更好的方法是取消该脚本的注册,然后从主题的unctions.php文件中重新注册它。请参阅本教程。

除了将脚本移到页脚,你还应该考虑使用更快的社交媒体插件和延迟加载图片。除此之外,你还应该使用W3Total缓存和MaxCDN来提高你的站点速度。

我们希望本文能帮助您将Java脚本移到WordPress的底部,并提高您的页面速度。如有疑问和反馈,请在下面留言。

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、OS X、Android、iOS、WP8等系统的开关机。

通过下面的方式来联系我们:

电邮:138762189@qq.com

联系QQ:点击这里给我发消息

官方站:www.tadke.com

※ ※ 联系请加我的企鹅号 ※※

※ ※技术支持请微信联系站长 ※※

Copyright © 2023 Tadke.com. 琼ICP备20000547号