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

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

 

■いじった記録はこちら

WordPress-導入直後にやるべき設定とCSSのカスタマイズ
2018.1.30
WordPress入れた直後にやったこと。 テーマの設定 このブログのテーマはTwenty Sixteenです。 とりあえず公式のテーマなので安心なのかな。という理由から。好みですね 子テーマの設定...

 

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

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

 

スポンサーリンク

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

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

 

結果

( Д ) ゚ ゚

 

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

対策1:WordPressの表示設定

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

index(TOPページ)に1ページしかないサイト多くないですか?

 

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

 

ここ!

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

 

結果

 

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

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

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

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

 

結果

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

 

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

EWWW Image Optimizer

 

バージョン: 3.5.0では既にちまたにある設定は標準設定されているようで
我が家が唯一チェックを入れたのはこちら

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

 

実行後の結果

大分改善されましたね

 

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

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

 

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

初心者でも素敵レイアウト! WordPressテーマに「DIVER」がおすすめの理由!
2018.2.10
ブログを初めて半年。ずっと無料テンプレートのtwentysixteenを使っていたのですが、この度有料テンプレートの「DIVER」への購入・移行を果たしました。 DIVERへ移行した理由とその後のDIVERに変更してからのサイトの変化についてご紹介したいと思います。 細かい機能の開設などは公式ページ...
コメント一覧
  1. 莉緒 より:

    はじめまして、莉緒と申します。
    私は数か月前にワードプレスでサイトを作ったばかりなのですが
    まだまだ初心者で正直プラグインも何を入れていいのか模索中です。

    とても勉強になりました。
    またお邪魔します!

    • moco より:

      ご訪問ありがとうございます!私もわからないことだらけでプラグインのお世話になってばかりです^^;
      少しでもお役に立てたならうれしいです!

コメントを残す

2 × four =

関連キーワード
WordPressの関連記事
  • 対応必須!?常時SSL化にさくらサーバーがおススメの3つの理由
  • WordPressとTwitterとの連携!事前にソーシャル対応はしておくべき
  • 無料?有料?ブログを作成したい初心者が初めて運用するまでの流れ
  • 【初心者向け】立ちはだかる壁とWordPress導入プラグイン
  • WordPress-サイトの表示が重い!表示速度の測定と対策
  • WordPress-導入直後にやるべき設定とCSSのカスタマイズ
おすすめの記事