禁用 WordPress 的 Auto Embeds 能加快网页访问速度

WordPress 小问题 WordPress

在WordPress里粘贴URL会自动变成博客卡片,将该URL里包含的图片,视频以及文字显示出来,并根据博客的布局调节大小。我本来还是挺喜欢这个功能的,觉得挺漂亮、挺直观的。我的博客里也大量使用了该功能。之前虽然也看到说这个自动嵌入功能大部分支持的网站是国外,对我们的用处不大,而且开启这个功能会降低页面的解析速度。

我之前没有什么认识,直到今天我打开之前的一篇文章。我发现打开它竟然花了40秒,而且不光是访问花费时间长,我想进去编辑内容也等了快1分钟。我想了想,主要是这篇文章我嵌入了很多小米澎湃OS ROM的链接,大大增加了页面的加载时间。果然,当我禁用了该功能之后,页面加载时间就降低为了0.29秒。

Sponsored links
Sponsored links

如何禁用WordPress 的 Auto Embeds

安装插件

很多插件都会有禁用自动嵌入的功能,例如国人写的WPOPT、WPJAM Basic,都有禁用该工功能的设置,另外国外也有个专门禁用该功能的插件:Disable Embeds。以上插件都可以直接在WordPress的插件商店里搜到。

该插件的主要功能:

  • 防止其他人嵌入你的网站。
  • 阻止你嵌入其他未列入白名单的网站。
  • 禁用与该功能相关的所有 JavaScript。
  • 在新的编辑器中删除对 WordPress 嵌入Block的支持。
disable auto ambeds plugin

修改function.php

不想装插件的,可以直接将上面插件里的代码复制到主题的function.php文件里。代码有点长:

function disable_embeds_init() {
    /* @var WP $wp */
    global $wp;

    // Remove the embed query var.
    $wp->public_query_vars = array_diff( $wp->public_query_vars, array(
        'embed',
    ) );

    // Remove the REST API endpoint.
    remove_action( 'rest_api_init', 'wp_oembed_register_route' );

    // Turn off oEmbed auto discovery.
    add_filter( 'embed_oembed_discover', '__return_false' );

    // Don't filter oEmbed results.
    remove_filter( 'oembed_dataparse', 'wp_filter_oembed_result', 10 );

    // Remove oEmbed discovery links.
    remove_action( 'wp_head', 'wp_oembed_add_discovery_links' );

    // Remove oEmbed-specific JavaScript from the front-end and back-end.
    remove_action( 'wp_head', 'wp_oembed_add_host_js' );
    add_filter( 'tiny_mce_plugins', 'disable_embeds_tiny_mce_plugin' );

    // Remove all embeds rewrite rules.
    add_filter( 'rewrite_rules_array', 'disable_embeds_rewrites' );
}

add_action( 'init', 'disable_embeds_init', 9999 );

/**
 * Removes the 'wpembed' TinyMCE plugin.
 *
 * @since 1.0.0
 *
 * @param array $plugins List of TinyMCE plugins.
 * @return array The modified list.
 */
function disable_embeds_tiny_mce_plugin( $plugins ) {
    return array_diff( $plugins, array( 'wpembed' ) );
}

/**
 * Remove all rewrite rules related to embeds.
 *
 * @since 1.2.0
 *
 * @param array $rules WordPress rewrite rules.
 * @return array Rewrite rules without embeds rules.
 */
function disable_embeds_rewrites( $rules ) {
    foreach ( $rules as $rule => $rewrite ) {
        if ( false !== strpos( $rewrite, 'embed=true' ) ) {
            unset( $rules[ $rule ] );
        }
    }

    return $rules;
}

/**
 * Remove embeds rewrite rules on plugin activation.
 *
 * @since 1.2.0
 */
function disable_embeds_remove_rewrite_rules() {
    add_filter( 'rewrite_rules_array', 'disable_embeds_rewrites' );
    flush_rewrite_rules();
}

register_activation_hook( __FILE__, 'disable_embeds_remove_rewrite_rules' );

/**
 * Flush rewrite rules on plugin deactivation.
 *
 * @since 1.2.0
 */
function disable_embeds_flush_rewrite_rules() {
    remove_filter( 'rewrite_rules_array', 'disable_embeds_rewrites' );
    flush_rewrite_rules();
}

register_deactivation_hook( __FILE__, 'disable_embeds_flush_rewrite_rules' );

我爱水煮鱼还提供了另外一个方法,去除了一个过滤器。不过我估计国外那个插件禁用的彻底一些(谁让他字多呢)

// Disable auto-embeds for WordPress >= v3.5
remove_filter( 'the_content', array( $GLOBALS['wp_embed'], 'autoembed' ), 8 );

修改主题设置

如果主题里有该设置,也可以直接修改。例如我现在的主题,是可以分外部链接和内部链接禁用该功能的。我喜欢博客卡片的样式,所以我保留了内部链接的嵌入功能,禁用了外部链接的自动嵌入功能。

如果使用代码来实现的话:

// 禁用外部链接的 auto-embeds
add_filter('embed_oembed_discover', '__return_false');
add_filter('embed_oembed_html', '__return_false');
Rate this post
订阅评论
提醒
guest
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x