Featured image of post WordPressでcomment-reply.min.jsを読み込まない方法【高速化】

WordPressでcomment-reply.min.jsを読み込まない方法【高速化】

コメント機能を使っていないWordPressサイトでcomment-reply.min.jsを読み込まないようにする方法。StaticPressでwp-includesを除外して出るエラーの対処にも。functions.phpに条件付きの記述を追記します♪

819文字

コメント欄が無いサイト

StaticPress運用サイト

本ブログは以前もご紹介した通り、AWSのS3バケットを利用した静的ページとして運用をしており、そのためコメント機能を除去しています。
関連記事 【瞬殺】Wordpressのコメント機能を無効化する方法 2018/05/10 771文字 約2分で読めます IT Mac Windows Wordpress カスタマイズ

JavaScriptファイルの読み取りエラーが発生

そして、StaticPressで不要ファイルを転送しないように以下の記事で/wp-includes/をS3バケットに転送しないようにしました。
関連記事

しかし、その際に以下のようなエラーが発生するようになりました。

原因はwp-includesを除外したため

これは、wp-includesを除外したため、comment-reply.min.jsが読み込めずにエラーとなってしまっています。

このJavaScriptファイルはコメントに返事をする際に利用するものらしく、コメント機能を使っていない本ブログでは読み込む必要が無いファイルのようなので、そもそも読み込まないように修正してみましょう。

手順

function.phpに追記

以下の記述をfunctions.phpの末尾に追加してください。

functions.php
function comment_js_queue(){
  if ( (is_single() && comments_open() && get_option('thread_comments')) ){
    wp_enqueue_script( 'comment-reply' );
  }else{
    wp_deregister_script('comment-reply');
  }
}
add_action('wp_footer','comment_js_queue');

上記は、今後のことも考えて、記事ページかつコメントが公開されていてかつコメントを階層表示する場合は、comment-reply.min.jsを読み込む、という指定をしています。

確認

では、実際にStaticPressで再構築して確認してみましょう。

正常にエラーが出ないようになりました。

終わりに

このように、エラーが出るからといってファイルを用意するのではなく、そもそも必要なのか?という観点を持っておく事がサイト運営をしていく上で大切です。

また、JavaScriptの過度な読み込みはページ読み込みスピードを下げてしまい、利用者へのストレスにもつながってしまうので、極力読み込み量を減らすように心がけてみましょう。