移动wordpress所有JS、jQuery文件到底部页脚方法

最模板 2022-04-05 14:36 WordPress教程
WordPress 会自动加载所有JS文件,包括一个jquery.js文件和一个jquery-migrate.min.js文件,并将这些文件放在您网站的头部,但是若是使用Google PageSpeed Insights 来分析您网站的速度,那么您可能已经看到了消除渲染阻塞资源的建议。
这里最模板提供两段代码,分别移动两部分。

1,移动wordpress所有JS文件到底部:

        remove_action('wp_head', 'wp_print_scripts');
        remove_action('wp_head', 'wp_print_head_scripts', 9);
        remove_action('wp_head', 'wp_enqueue_scripts', 1);
        
        // 移动JQ到底部
        add_action('wp_footer', 'wp_print_scripts', 5);
        add_action('wp_footer', 'wp_print_head_scripts', 5);
        add_action('wp_footer', 'wp_enqueue_scripts', 5);

全部移动,可能导航栏会出现闪现的层次感,谨用!

2,只移动jQuery到您的 WordPress 网站的页脚

function mytheme_move_jquery_to_footer() {
    wp_scripts()->add_data( 'jquery', 'group', 1 );
    wp_scripts()->add_data( 'jquery-core', 'group', 1 );
    wp_scripts()->add_data( 'jquery-migrate', 'group', 1 );
}
add_action( 'wp_enqueue_scripts', 'mytheme_move_jquery_to_footer' );

在分辨不清楚JQ脚本作用下,就优化下JQ吧,采用第二种方法

相关文章

  1. 让woocommerce将产品标题设置为产品图片的

    woocommerce图像标题和alt标签对SEO至关重要,更改每个图像标题和alt标签将花费很长时间。一般优化我们会在函数当中加载代码: add_filter(wp_get_attachment_image_attributes, change_attachement_image_a...

    2020-02-29
  2. 阻止恶意URL请求错误查询BBQ脚本代码

    阻止恶意URL请求错误查询BBQ是一个简单的脚本,可保护您的网站免遭恶意URL请求。检查所有传入流量,并悄阻止掉一些恶意请教代码eval(,base64_和过长请求字符串。这是一个简单而可靠...

    2020-04-13
  3. 用户在WooCommerce访问时自动将产品添加到

    实现用户在WooCommerce访问时自动将产品添加到购物车代码: /** * 用户在WooCommerce访问时自动将产品添加到购物车zuimoban.com */add_action( template_redirect, add_product_to_cart );function add_product_to_car...

    2021-07-31
  4. 从WordPress数据库中删除孤立的meta帖子元

    如果在您的 WordPress网站生命周期中,您已经激活和停用了添加自定义帖子类型或为帖子类型添加其他选项的插件,那么您的网站很有可能包含孤立的meta帖子元。孤立是指他们的父meta帖...

    2022-04-05
  5. 配置WordPress在Zeus服务器重写规则

    配置WordPress在Zeus服务器重写规则,rewrite.script 如下: RULE_0_START:# get the document rootmap path into SCRATCH:DOCROOT from /# initialize our variablesset SCRATCH:ORIG_URL = %{URL}set SCRATCH:REQUEST_URI = %{URL}# see if th...

    2021-07-31
  6. 修复WP Super Cache Preload预缓存不工作

    WP Super Cache 是一个不错的 WordPress 缓存解决方案,但我无法让预加载功能在 VPS 上工作它甚至无法启动。preload 函数的作用是预先缓存所有帖子、标签等,以使一切更快. 首先要做的是关闭...

    2022-04-04
  7. 上传wordpress图片自动按照日期重命名代

    在wordpress上传的图片多数以本地图片名直接上传,若是按照图片本性属性传,在SEO当中能起到很大作用,但是多数我们注意不到,可能包含特殊字符,让wordpress系统自动重新命名是最好...

    2022-04-04
  8. 优化wordPress中使搜索URL看起来更漂亮

    使用 WordPress,您可以在Settings - Permalinks中使您的帖子 URL 更漂亮。 不幸的是,没有改进搜索结果页面外观的选项,默认情况下如下所示: www.zuimoban.com/?s=your-query 如您所见,这看起来不...

    2022-06-27
  9. 限制WooCommerce购物车最低付款金额

    限制WooCommerce购物车最低付款金额,实现代码如下: /** * Set a minimum order amount for checkout source by zuimoban.com */add_action( woocommerce_checkout_process, wc_minimum_order_amount );add_action( woocommerce_before_ca...

    2021-07-31
  10. WooCommerce创建新帐户时通知管理员代码

    WooCommerce创建新帐户时通知管理员代码 /** * Notify admin when a new customer account is created */ add_action( woocommerce_created_customer, woocommerce_created_customer_admin_notification ); function woocommerce_created_custome...

    2021-07-31