最近,我们的一位读者问我们如何将javascript移动到wordpress的底部以提高他们的google页面速度得分。我们很高兴他们提出这个问题,因为老实说我们想写下这个。之前,我们讨论过如何在wordpress中正确添加javascript和css样式。在本文中,我们将向您展示如何将javascript移至wordpress底部,以便您可以缩短网站加载时间并提高google页面速度得分。
将JavaScript移至底部的好处
JavaScript是一种客户端编程语言。它由用户的Web浏览器而不是您的Web服务器执行和运行。当您将JavaScript放在顶部时,浏览器可能会在加载页面的其余部分之前执行或处理JavaScript。当JavaScript移至底部时,您的Web服务器将快速呈现页面,然后用户的浏览器将执行JavaScript。由于所有服务器端渲染已经完成,JavaScript将在后台加载,从而使整体加载速度更快。
当使用Google页面速度或Yslow进行测试时,这将提高您的速度得分。谷歌和其他搜索引擎现在正在将页面速度视为显示搜索结果时的性能矩阵之一。这意味着加载速度更快的网站将在搜索结果中更加突出地出现。
在WordPress中添加脚本的正确方法
WordPress有一个强大的排队系统,允许主题和插件开发人员将他们的脚本添加到队列中并根据需要加载它们。正确排列脚本和样式可以显着提高页面加载速度。
为了向您展示一个基本示例,我们将在WordPress主题中添加一些JavaScript。将JavaScript保存在.js文件中,并将该.js 文件放置在主题的js目录中。如果您的主题没有JavaScript目录,请创建一个目录。放置脚本文件后,编辑主题functions.php文件并添加以下代码:
立即学习“Java免费学习笔记(深入)”;
有时您会看到JavaScript直接添加到页面中,而不是通过单独的.js文件链接。在这种情况下,您需要一一停用所有插件。停用每个插件后刷新页面,直到找到将脚本添加到页面的插件。如果即使停用所有插件后JavaScript也没有消失,请尝试切换到另一个主题以查看您的主题是否添加了JavaScript。
注册和入队脚本
一旦您找到在标头部分添加JavaScript的插件或主题,下一步就是找出该插件调用该文件的位置。在您的主题或插件的PHP文件之一中,您将看到对该特定文件的调用.js。
如果插件或主题已经使用排队来添加JavaScript文件,那么您所需要做的就是更改插件或主题中的wp_register_script函数,并为$in_footer参数添加true。像这样:
wp_register_script('script-handle',plugins_url('js/script.js',__FILE__),'','1.0',true);