ワードプレスの表示速度を高速化するプラグインAutoptimizeは簡単なのに効果絶大!設定方法も。家電/雑貨インクスケープGIMPワードプレスエクセルお問い合わせワードプレスワードプレスの表示速度を高速化するプラグインAutoptimizeは簡単なのに効果絶大!設定方法も。2019年9月6日サイトの表示速度向上はユーザーの利便性も高まるし、SEO対策としても非常に大事と言われています。簡単に表示速度を改善できると噂のプラグインAutoptimizeを試してみたところ効果てきめんでした。改善結果や使い方をご紹介です。注意点まとめワードプレスの表示速度をアップしたい私は普段ワードプレスでブログを書いています。1年ほど前にもワードプレスを高速化する方法を検証しました。そのときの話がこちら。イチのメモ帳ワードプレスを高速化したい!表示速度が遅い原因を解明!サイトの表示が遅い=サイトが重いと、読者も読む気をなくして立ち去ってしまうこともあります。ワードプレスの表示速度改善は必ず通らないといけない道。ワードプレスを高速化するために、遅い原因を解明しました。Insightsの点数を確認してみました。Insightsはこちら結果、パソコン画面では81点というなかなかの数字だったのですが、モバイルがなんと24点...。赤文字で書かれています。超遅いですよこのサイト。ねこさんいつのまにこんな遅くなったんだ...と恐れおののきつつも早急な改善を試みました。高速化の方法をいろいろ調べて試してみたところ、効果的だったのがAutoptimizeというプラグインです。Autoptimizeの効果まずはAutoptimizeのプラグインを使用した結果をご覧ください。以下の結果は、ひとまずプラグインの最低限のチェックを入れた場合です。Insightsを使いました。【Before】プラグインAutoptimize導入前の結果です。■パソコン:81点とりあえず及第点です。先ほども上げましたが、かなり遅い数字です。■パソコン:91点プラグイン導入前より10ポイントUP!■モバイル:45点まさかの倍速になりました!まだまだ低い数字ですが、Autoptimizeの効果はあったようです。Autoptimizeとは?倍速までに改善できたプラグインAutoptimizeとは何者なのでしょうか。サイトのページを開くとき、裏ではサーバに保存したHTMLなどのコードをパソコンがダウンロードし、そのコードを読み込むことで画面上に表示しています。AutoptimizeプラグインはHTMLやCSS、JavaScriptなどのコードの無駄な部分を省いて最適化します。その結果、データが圧縮され、ページを開くときのダウンロードを早くすることができる。私は例えばフキダシの設定のように、普段プラグインを入れる代わりにStyle.cssなどに自己流で書いています。そのため、CSSを圧縮して効率化する効果が高いのかもしれません。プラグインなしでコピペでOKプラグインAutoptimizeの設定方法プラグインのAutoptimizeを使えば、簡単にコードを圧縮できます。AutoptimizeをインストールまずはAutoptimizeをインストールします。一般的なプラグインのインストールと同じ手順です。「Autoptimize」を検索します。「今すぐインストール」⇒「有効化」でインストール完了。スポンサーリンクAutoptimizeの設定Autoptimizeプラグインを有効化後、ワードプレスの管理画面メニューの「設定」からAutoptimizeの設定を行います。チェックボックスに少なくとも三回チェックするだけで作業完了となりますよ。コードの最適化JavaScriptを最適化の対象にするか選べます。JS-files?インストール時からチェックが入っています。初期設定のままでかまいません。連結どちらでもかまいません。私の場合、チェックを入れるとモバイルが45→46に1UPしました。強制JavaScriptエラーが発生した場合、チェックします。スクリプトを除外:初期設定のままでOKです。折り返しを追加JavaScriptエラーが発生した場合、チェックします。■CSSコードを最適化CSSを最適化の対象にするか選べます。CSS-files?インストール時からチェックが入っています。初期設定のままでかまいません。連結HTML内のCSSと連結します。どちらでもかまいません。私の場合、チェックを入れるとモバイルが45→39に6DOWNしたので外しました。どちらでも構いません。私の場合、チェックを入れるとモバイルが45→43に2DOWNしたのでチェックを外しました。インライン化と遅延CSSを遅延読込します。最適化の対象にするか選べます。どちらでも構いません。初期設定のままでOKです。コードを最適化HTMLを最適化の対象にするか選べます。コメントを残すHTMLに書かれたコメントを最適化の対象にするか選べます。コメントとは、HTML内ので挟まれた構文です。どちらでも構いませんが、コメントが多い場合はチェックを外すほうが早くなります。『変更を保存してキャッシュを削除』をクリックすれば設定完了です。フォントを使用していない場合、追加タブも合わせて設定します。「googleフォントの削除」にチェックを入れます。私の場合、チェックを入れるとモバイルが45→46に1UPしました。他に導入済みのプラグインとの相性によっては、不具合が発生することもあるようです。その場合はチェックを一つずつ外してみて不具合が治るか様子を見ましょう。使用しているテンプレート等によっても最適な設定は異なります。上の例のように、自分の最適なパターンは様々です。チェックを付けたり外したりすることで表示速度が変わりますよ。まとめAutoptimizeプラグインによる表示速度の高速化を試みました。■パソコン81→92■モバイル24→48まで改善できました。テンプレートによってはどれにチェックを付ければよいかが異なるのが少し面倒くさいです。表示速度が遅いと離脱率が高まる傾向にあります。自分がサイト巡回しているときも、表示速度が遅いとねこさんもういいや、次行こってなりますもんね。ならないためにも少しの手間は惜しまないで頑張りましょう。設定方法自体はシンプルなので表示速度を高速化したい方にはおススメですよ。ichiイチのメモ帳スポンサーリンクプロフィールイチのメモ帳にようこそ。イチメモ!管理人のイチです。会社員しつつ、趣味の株や料理や旅行など。本ブログは◆楽しかったこと◆気になったことをメモメモしています。翻訳(TranslationHOMEワードプレスワードプレスの表示速度を高速化するプラグインAutoptimizeは簡単なのに効果絶大!設定方法も。GW人気記事エクセルのスクロールバーが短くなったときに元に戻す方法Gmailでコピペすると半角スペースが入るときの対処法GIMPで人物など写真の不要なものを消す!スマート消去Ver2.10ディズニー土産のクッキーはおいしいのです。