WordPress(WP)

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判定には届きませんでしたが、

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

 

弊社では、以下の方に向けて、WordPressの短期学習プログラムを
格安で提供しております。

  • 個人でWordPressを使ったサイト構築をお考えの方
  • 自社でホームページの構築・運用をお考えの方
  • 企業のWEB担当者の方

内容

基本的には、初心者の方を対象にした学習プログラムです。

※ WordPress制作の上級者の方の場合、弊社の学習プログラムはあまり役に立たないと考えています。

  • ・ WordPressのインストールからセッティングの方法
  • ・ WordPressのテーマ選びについて
  • ・ WordPressのプラグイン選びと設定方法について
  • ・ サーバの準備方法
  • ・ ドメインの取得・管理の方法
  • ・ FTPの設定方法
  • など

ご用意頂くもの

  • ・ ノートPC
    ※ 弊社はWindowsを業務で利用しておりますので、できればWindowsのPCをおすすめしています。
  • WordPressでサイトの制作を考えているが、何から始めればいいのか分からない。
  • ドメインやサーバはどうやって準備すればいいの?
  • そもそもホームページの公開には何が必要なの?

などなど、

どのような内容でも構いませんので、お気軽にお問い合わせ下さい。

お客様の目的をお聞きした上で、最適の学習プランを提案致します。

ご興味のある方は、以下の内容を記載の上、一度お問い合わせ下さい。
こちらより、折り返しメールを致します。

  • ① お名前
  • ② 折り返し先のメールアドレス
  • ③ 希望の学習内容

関連記事

  1. WordPress(WP)

    WP(WordPress)

    WPのプラグイン「Cardboard」で360°パノラマ写真を公開

    360°パノラマ写真(全天球画像)の埋め込みを行えるWordPress…

  2. WordPress(WP)

    WP(WordPress)

    WordPressのRSSでパースエラーが!!

    久しぶりにこのブログのメンテンスでもしようと思い、各ページのチェッ…

  3. WordPress(WP)

    WP(WordPress)

    WPカスタムフィールドの入力欄(テキストエリア)を大きくする

    最近WordPressのカスタムフィールドを使用する機会が多くなったの…

  4. WordPress(WP)

    WP(WordPress)

    WP プラグイン「Better Delete Revision」で不要データ(溜まったリビジョン)を…

    WordPressでブログ運営をしていると、リビジョンというデータ…

  5. WordPress(WP)

    WP(WordPress)

    WP-PageNaviがインストールできない!?

    最近、立て続けにWordPressの案件が入ってきて、対応する案件…

  6. WordPress(WP)

    WP(WordPress)

    WP Sharpen Resized Imagesでサムネイル画像をシャープに!!

    WordPressで画像アップロード時にサムネイル画像が少しぼやけるの…

最近の記事

  1. WordPress(WP)
  2. 404 Not Found
  3. WordPress(WP)
  4. WordPress(WP)
  5. PHP
  6. PHP
  7. 風邪予防
  8. WordPress(WP)
  9. PHP
  10. 宅建
PAGE TOP