【WordPress】記事一覧表示が重くなった原因はアイキャッチ画像サイズ

2018年2月9日カスタマイズ, WordPress, WordPress高速化

記事一覧表示が急激に重くなった

少し前ですが、ブログトップや一覧ページに表示するアイキャッチ画像のサムネイルサイズを変更したら急激に表示が重くなりました

気付いたのがカスタマイズ後すぐだったので原因はすぐわかったのですがどうしてそうなるのか、しばらく悩みました

調べると元画像に小さなアイキャッチ画像を入れている記事が一覧にあるとクエリ数が跳ね上がり急激に重くなるのを確認(これがテーマ特有なのかWordPressでは良くある挙動なのかは新人の私には不明です)

ページ表示毎に画像生成コードが走ってるのかと思いましたが、最終的に表示されるアイキャッチのサムネイルはそうでもなかったので違うぽい、でもそう思えるくらい遅くなりました

とにかく元画像が小さなアイキャッチ画像だと画像追加時にそれより大きなサイズのサムネイルが作成されない

大きなサムネイルを使おうとすると探すからか、読み込みが遅くなる

記事一覧表示が重くなった時の対策

  • アイキャッチ画像を差し替える
  • phpコードを見に行って自分のブログにあった形に編集する
  • 表示するサイズを戻す

考えられた対策はこの3つでした

今回の場合、カスタマイズした理由が一覧を大きなサムネイル表示にしようという事だったので、どちらにせよ過去記事の画像差し替えは必要でしたので「差し替え」です

アイキャッチのサイズは1300×630にしました

デザインを変えようと思うまでは正方形表示でしたので、正方形くらいの感じならなんでもいいやって気持ちでアイキャッチ画像を追加していましたからね、、

100記事書いてからでは結構大変ですね

WordPressの人たちが何故決まって同じようなサイズのアイキャッチを用意しているのか、少しわかった気がします

とりまアイキャッチ画像の元画像サイズは1300×630が良いという記事を見たので、習って1300×630で作り直して差し替えてます

これまた後先考えず1300×630にしましたし満足な結果ですが、他の方々のアイキャッチ画像サイズをもう少し調べてからでも良かったかもですね

 

 

※現在、このWordPressブログはエックスサーバー を利用しています

2018年2月9日カスタマイズ, WordPress, WordPress高速化

Posted by Yousuke.U