0

0

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

冷炫風刃

冷炫風刃

发布时间:2025-04-20 09:36:11

|

976人浏览过

|

来源于php中文网

原创

最近,我们的一位读者问我们如何将 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 移动到 WordPress 的底部或页脚

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

注册和入队脚本

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

高级Bash脚本编程指南 chm版
高级Bash脚本编程指南 chm版

这本书假定你没有任何关于脚本或一般程序的编程知识, 但是如果你具备相关的知识, 那么你将很容易就能够达到中高级的水平. . . 所有这些只是UNIX®浩瀚知识的一小部分. 你可以把本书作为教材, 自学手册, 或者是关于shell脚本技术的文档. 书中的练习和样例脚本中的注释将会与读者进行更好的互动, 但是最关键的前提是: 想真正学习脚本编程的唯一途径就是亲自动手编写脚本. 这本书也可作为教材来讲解一般的编程概念. 向伟大的中华民族的Linux用户致意! 我希望这本书能够帮助你们学习和理解L

下载

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

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

在 WordPress 中一键使用

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

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

除了将脚本移至页脚之外,您还应该考虑使用更快的社交媒体插件和延迟加载图像。除此之外,您还应该使用W3 Total Cache 和 MaxCDN来提高网站速度。

相关专题

更多
php文件怎么打开
php文件怎么打开

打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

1857

2023.09.01

php怎么取出数组的前几个元素
php怎么取出数组的前几个元素

取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

1228

2023.10.11

php反序列化失败怎么办
php反序列化失败怎么办

php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

1120

2023.10.11

php怎么连接mssql数据库
php怎么连接mssql数据库

连接方法:1、通过mssql_系列函数;2、通过sqlsrv_系列函数;3、通过odbc方式连接;4、通过PDO方式;5、通过COM方式连接。想了解php怎么连接mssql数据库的详细内容,可以访问下面的文章。

948

2023.10.23

php连接mssql数据库的方法
php连接mssql数据库的方法

php连接mssql数据库的方法有使用PHP的MSSQL扩展、使用PDO等。想了解更多php连接mssql数据库相关内容,可以阅读本专题下面的文章。

1398

2023.10.23

html怎么上传
html怎么上传

html通过使用HTML表单、JavaScript和PHP上传。更多关于html的问题详细请看本专题下面的文章。php中文网欢迎大家前来学习。

1229

2023.11.03

PHP出现乱码怎么解决
PHP出现乱码怎么解决

PHP出现乱码可以通过修改PHP文件头部的字符编码设置、检查PHP文件的编码格式、检查数据库连接设置和检查HTML页面的字符编码设置来解决。更多关于php乱码的问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

1439

2023.11.09

php文件怎么在手机上打开
php文件怎么在手机上打开

php文件在手机上打开需要在手机上搭建一个能够运行php的服务器环境,并将php文件上传到服务器上。再在手机上的浏览器中输入服务器的IP地址或域名,加上php文件的路径,即可打开php文件并查看其内容。更多关于php相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

1303

2023.11.13

俄罗斯搜索引擎Yandex最新官方入口网址
俄罗斯搜索引擎Yandex最新官方入口网址

Yandex官方入口网址是https://yandex.com;用户可通过网页端直连或移动端浏览器直接访问,无需登录即可使用搜索、图片、新闻、地图等全部基础功能,并支持多语种检索与静态资源精准筛选。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1

2025.12.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.7万人学习

CSS教程
CSS教程

共754课时 | 17万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号