ワードプレスの絵文字emoji出力を止めて、不要なJS・CSSを出力しない方法

ワードプレスにはEmojiと呼ばれる、絵文字を出力する仕組みが組み込まれています。ただ、このスクリプトやフォントがサイトのすべてのページに出力されてしまうため、SEO上の問題を引き起こしたり、サイトの速度を低下している可能性があります。

ワードプレスの絵文字Emojiとは？

ワードプレスにはEmojiと呼ばれる、絵文字を出力する仕組みが組み込まれています。 このスクリプトやフォントが全てのページのヘッダーで読み込まれています。
絵文字は、下記のような記号を

;-)

文章中に書き込むと、自動的に
😉
のように表示してくれるワードプレスの機能です。

この機能の実装の為に

wp-includes/js/wp-emoji-release.min.js　20KB

等の複数のスクリプトやスタイルシートが読み込まれますので、絵文字をサイトで使用されていない場合は、SEO上のさらなるチューニングを行うためには絵文字機能を停止してしまう方がよい場合がございます。

ワードプレスの絵文字emoji出力を止める

この方法はテーマのFunctions.phpに下記のコードを追加します。

※テーマのFunctions.phpはワードプレスの管理画面＞外観＞テーマエディタ　より編集できます

add_action( 'init', 'wp_disable_emojis' );
function wp_disable_emojis() {
    remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
    remove_action( 'wp_print_styles', 'print_emoji_styles' );
}

このコードはwp_headでヘッダー出力される絵文字関連スクリプトの出力を停止し、wp_print_stylesで絵文字のスタイルシートを読み込むのを抑制します。

WordPress ワードプレスの修正・カスタマイズ・バグフィクス・移行などのご相談・ご依頼はWPドクターまでお気軽にお送りいただけましたら幸いです