WordPress-サイトの表示が重い！表示速度の測定と対策

WordPressの公式テーマ、TwentySixteenを使用・カスタマイズして運用していた頃、記事が増えるにつれてサイトが重くなってきたので最適化に向けていじくった記録です。

関連記事TwentySixteenをあれこれいじった記録はこちら

WordPress-導入直後にやるべき設定とCSSのカスタマイズ

2017.6.11

WordPress入れた直後にやったこと。 テーマの設定 このブログのテーマはTwenty Sixteenです。 とりあえず公式のテーマなので安心なのかな。という理由から。好みですね 子テーマの設定...

ちなみに、今では有料テーマの「DIVER」を購入・変更したためサイトの表示速度を気にすることはなくなりました。

関連記事DIVERを導入したときの感動記事はこちら

初心者でも素敵レイアウト! WordPressテーマ・テンプレートに「DIVER」がおすすめの理由！

2018.1.6

WordPressテーマDIVERについてのご紹介です。色々なテーマがある中、私がDIVERへ移行した理由とその後のDIVERに変更してからのサイトの変化、よく利用している機能について。 この記事は テーマを変更して、良い方向に転化した感動を皆様にお伝えしているだけの記事です。 ブログを初めて半...

サイトの全体が表示されるときに，数秒でも遅いとやはり気なりますよね。

プラグインを使って最適化しましょう。

サイトの表示速度を調べる

先ずはこちらのサイトで測定してみました。

gtmetrix.com

GTmetrix | Website Speed and Performance Optimization

https://gtmetrix.com

GTmetrix is a free tool that analyzes your page's speed performance. Using PageSpeed and YSlow, GTmetrix generates scores for your pages and offers actionable recommendations on how to fix them.

結果

( Д ) ﾟ ﾟ

なんとご迷惑なサイト。ドイヒーな有様です。

対策1：WordPressの表示設定

最近導入したSNS共有用プラグインかしら？キャッシュ？画像のリサイズはめんどくさいなーと思っていた際にふと、ほかの人のサイトを見て気づきました。

index（TOPページ）に１ページしかないサイト多くないですか？

というわけでWordPressでの投稿表示について設定をあさってたらありました。

ここ！

デフォルトでは10件設定になっていて、何も気にせずそのままにしていたところを1に変更。

結果

少しはマシにはなりました。

対策2：プラグインによる画像圧縮

やはりこのサイトでは画像を大量に使うためどうしても画像の重さが引っかかってきます。

表示設定を変更してからしばらく運用、いくつかの投稿を追加した頃改めて測定しました。

結果

(´Ａ｀。)悪化しとるやないですか、、、、、

というわけで諦めて画像圧縮プラグインを入れました。

EWWW Image Optimizer

WordPress.org

EWWW Image Optimizer

https://ja.wordpress.org/plugins/ewww-image-optimizer/

ロスレス / ロッシー方式と画像フォーマット変換を使用して、NextGEN、GRAND Flagallery、FooGallery などを含む WordPress の画像サイズを圧縮します。

バージョン: 3.5.0では既にちまたにある設定は標準設定されているようで

我が家が唯一チェックを入れたのはこちら

リサイズされたくないのでね。

実行後の結果

大分改善されましたね

表示速度はサイトの命綱！

自分でも画像表示に時間がかかってしまうようなサイトはブラウザバックしてしまうので、表示を軽くするのはユーザーに訪問してもらうに当たり非常に重要なことなのではないかと思っています。

ちなみにこのサイトで使用しているDIVERというテーマでもEWWW Image Optimizerと連携させて表示設定が出来る仕様があるぐらいなので、メジャーなプラグインなんだと思います。

初心者でも素敵レイアウト! WordPressテーマ・テンプレートに「DIVER」がおすすめの理由！

2018.1.6

WordPressテーマDIVERについてのご紹介です。色々なテーマがある中、私がDIVERへ移行した理由とその後のDIVERに変更してからのサイトの変化、よく利用している機能について。 この記事は テーマを変更して、良い方向に転化した感動を皆様にお伝えしているだけの記事です。 ブログを初めて半...