Optimizer」の組み合わせは非常に高速化効果が高いです。設定方法とともに設定前後の速度比較もあわせてご紹介します。インストールと設定から図解説します。「プラグイン」>「新規追加」をクリックします。「Autoptimize」が表示されるので、「今すぐインストール」をクリックします。インストールされたら有効化します。有効化すると下記のように表示されます。このオプションを有効にするには画像最適化設定を確認してください」との内容が書かれています。連携させることで、より高速化の効果が高くなります。「設定」>「Autoptimize」をクリックします。設定Javascript、CSS、HTMLの最適化を設定します。HTML」をクリックします。オプションで、下記の2つにチェックを入れます。オプションで、下記の3つにチェックを入れます。オプションの「HTMLコードを最適化」にチェックを入れます。その他オプションその他オプションの設定で、下記の2つ(あるいは3つとも)にチェックを入れます。静的ファイルとして保存(もしうまく処理されない場合はチェックを外してください。files?:除外設定したファイルを最小化するかどうか設定しますログイン中のユーザーも最適化:ページビルダーを用いている場合などは外します「変更を保存」をクリックして保存します。設定で、下記の4つを設定します。images?:画像の遅延読み込み変更したら「変更を保存」をクリックし保存します。静的リソースからクエリー文字列を削除:必要ないパラメータを削除します変更したら「変更を保存」をクリックし保存します。「プラグイン」>「新規追加」をクリックします。Optimizer」が表示されるので、「今すぐインストール」をクリックします。インストールされたら有効化します。「設定」>「ShortPixel」をクリックします。Key」をクリックします。※今のところ月に100枚までは無料で利用できます。勝手に課金されるようなことも無いので登録して試してみると良いと思います。UP」をクリックします。下記のように登録されましたと表示されます。下記のようなメールが届いていると思います。キーとショートピクセルのサイトのログインパスワードが記載してあります。キーをコピーして、プラグインに登録します。キーに値を入力して、「Validate」をクリックします。認証されたら利用設定を行います。キーが表示されています。変更する場合はここに入力します。thumbnails:サムネイルの圧縮をするかどうかの設定。backup:オリジナルイメージを残すかどうかの設定。情報を残すかどうかの設定。Changes」をクリックして保存します。利用を設定すると、追加で下記の項目の設定が必要となります。形式は非常におすすめできる画質とサイズなのでぜひ設定しましょう。Changes」をクリックして保存します。(グーグルクローム)のデベロッパーツールを利用して比較します。テストに使ったページは、画像ギャラリーや背景画像などを設置し、全部で15枚の写真があるページとしました。左が標準状態、右がプラグインを設定後になります。大幅に点数が上がっています。大幅に画面の表示速度が改善されました。実はこの測定を行った際に、サーバーのTTFB(サーバー応答時間)がやけに遅く、3sec程かかっていました。それを除いて考えると、2~3秒ほどで表示できている可能性が高く、良い結果になっていると思います。あとはサーバーのTTFBを何とかしたいところです。サーバーの移行も考慮しつつほかの手段も探ってみます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。