WordPress

WP(WordPress)

WP プラグインでサイト改善

ずっと放置しいてたサイト(WordPressで構築)があったのですが、

本日は少し時間があったので改善を行うことにしました。

で、まずは

https://gtmetrix.com/

で測定してみると、

最悪の結果に。。。。Google(PageSpeed Score)のスコアがF(30%)でした。。。

 

サイトはWPで構築していたので、

今回は諸々の対応をプラグインに任せることにしました。

対応したのは、
①、プラグイン「Autoptimize」を使ったHTML、CSS、Javascriptの圧縮
②、プラグイン「EWWW Image Optimizer」を使った画像の圧縮

 

まずは、

① [ プラグイン「Autoptimize」を使ったHTML、CSS、Javascriptの圧縮]の対応です

「Autoptimize」のインストール完了後、

管理画面左メニューから「設定」→「Autoptimize」と画面を遷移すると、

以下のような設定画面が表示されます。
WPプラグイン:Autoptimizeの設定画面

「メイン」タブを確認すると、

デフォルトではすべてチェックが外れているので、

HTML コードを最適化」「JavaScript コードの最適化」「 CSS コードを最適化」の3つにチェックを入れて、保存します。

 

設定はこれだけです。

あとは、ブラウザ上から設定前後のソースを確認すると、

圧縮されていると思います。

 

次は、

② [ プラグイン「EWWW Image Optimizer」を使った画像の圧縮 ]の対応です。

「EWWW Image Optimizer」のインストール完了後、

管理画面左メニューから「設定」→「EWWW Image Optimizer」と画面を遷移すると、

以下のような画面に遷移します。
WPプラグイン:EWWW Image Optimizerの設定画面

必要に応じて各タブを開いて、

それぞれ項目の設定を行って貰えばと思いますが、

折角なので「メタデータを削除」にもチェックを入れておきます。

 

このプラグインが助かるのは、

過去の画像も一括で最適化してくれることです。

 

方法は、

まず管理画面左メニューから「メディア」→「一括最適化」と画面を遷移すると、

以下の画面が出てくるので、

最適化されていない画像をスキャンする」をクリックしてスキャンを行います。
WPプラグイン:EWWW Image Optimizer スキャン

で、「最適化を開始」で、圧縮を開始します。
WPプラグイン:EWWW Image Optimizer 最適化

因みに、このブログは写真が「20513 個」ありました。

この枚数だと、全ての画像の圧縮が完了するまでに1日掛かります。。。

 

ここまでやって、

もう一度、https://gtmetrix.com/で測定すると、

C(73%)までは改善しました。

A判定には届きませんでしたが、

元々の評価を考えれば十分ですかね。

 

関連記事

  1. WordPress

    WP(WordPress)

    WP 「query_posts()」でページナビが誤作動を!!

    WordPressで特定カテゴリーの記事のみを表示させたくて、&l…

  2. WordPress

    WP(WordPress)

    管理画面上部に「ログアウト」を表示

    ちょっとした事ですが、WPを使っていると、画面左上のバーに「ロ…

  3. WordPress

    WP(WordPress)

    WordPress3.8へアップデートしてみました!!

    今日、既存のWordPressを3.8へアップデートしてみました。…

  4. WordPress
  5. WordPress

    WP(WordPress)

    ブログのサーバ移管

    先日、こちらのブログのサーバを移管しました。今まで…

  6. PHP

    Nginx+WordPressでブログを運営(PHP5.5のインストール)

    PHP5.5をインストールPHP5.5のインストール手…

最近の記事

  1. PHP
  2. Python
  3. Python
  4. PHP
  5. 宅建
PAGE TOP