如何在 Elementor (Pro) 中取消注册/出队 jquery.sticky.js？

Question

我想通过注销不必要的外部资源来提高页面速度。我已经设法删除了大部分外部脚本，Elementor 默认在前端加载。但是，我无法以某种方式删除 jQuery 插件Sticky。我想这与成为 Elementor Pro 的一部分有关。我已经尝试查看 jQuery 依赖项，但这对我不起作用。function remove_jquery_sticky() {    if ( ! is_admin()) {        wp_deregister_script( 'sticky' );    }}add_action( 'elementor/frontend/after_register_scripts', 'remove_jquery_sticky' );I expect the jQuery plugin not to load on the frontend, however it still does.

Answer 1

Elementor 和 Elementor PRO 注册和排队一些具有依赖关系的脚本。对于删除，您需要在没有特定脚本的情况下取消注册并再次注册（例如没有“elementor-sticky”）。

if(is_front_page()) {

        // Dequeue and deregister elementor-pro-frontend

        wp_deregister_script( 'elementor-pro-frontend' );

        // Re-register elementor-frontend without the elementor-sticky dependency.

        $suffix = ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '' : '.min';

        wp_register_script(

                'elementor-pro-frontend',

                ELEMENTOR_PRO_URL . 'assets/js/frontend' . $suffix . '.js',

                [

                    'elementor-frontend-modules',

                ],

                ELEMENTOR_VERSION,

                true

            );

    }

}

add_action( 'wp_enqueue_scripts', 'elementor_pro_frontend_scripts', 20 );

Answer 2

我找到了一个适合我的解决方案。如果您有更清洁的解决方案，请告诉我:)

    if(is_front_page()) {

        // Dequeue and deregister elementor-sticky

        wp_dequeue_script( 'elementor-sticky' );

        wp_deregister_script( 'elementor-sticky' );

        // Dequeue and deregister elementor-pro-frontend

        wp_dequeue_script( 'elementor-pro-frontend' );

        wp_deregister_script( 'elementor-pro-frontend' );

        // Re-register elementor-frontend without the elementor-sticky dependency.

        $suffix = ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '' : '.min';

        wp_register_script(

                'elementor-pro-frontend',

                ELEMENTOR_PRO_URL . 'assets/js/frontend' . $suffix . '.js',

                [

                    'elementor-frontend-modules',

                ],

                ELEMENTOR_VERSION,

                true

            );

    }

}

add_action( 'wp_enqueue_scripts', 'elementor_pro_frontend_scripts' );```

Answer 3

如果您知道正在添加的操作的名称，您可以使用该功能，remove_action( $tag, $function_to_remove, $priority )或者您可以使用wp_dequeue_script( $handle )

https://codex.wordpress.org/Function_Reference/remove_action

https://codex.wordpress.org/Function_Reference/wp_dequeue_script