WordPress|Autoptimizeの設定方法

BLOG

こんにちは、もぐです。

今日はサイトの表示速度改善につながる
Autoptimize」というプラグインについて紹介します。

もぐ
もぐ

ブログを最適化するための
プラグインです!

画像やコードが自動で最適化され
サイトの表示速度・パフォーマンス改善につながる

プラグインをインストール・有効化しよう

インストール方法
  • WordPressの管理画面から【プラグイン】選択
  • 「新規追加」をクリック
  • キーワード検索欄に「Autoptomize」を入力し
    「今すぐインストール」をクリック
  • 「有効化」をクリック

公式に記載されている通り
CSS、JS、画像、Google フォントなどを最適化することでサイトの応答を高速化します。

Autoptimizeのおすすめ設定方法

もぐ
もぐ

実際に当ブログにて設定している内容です!

あくまで一例ですが
よろしければ参考にしてください。

JS、CSS&HTMLの設定

まず初めに、当ブログでは
「CSS」の設定は行なっておりません。

ブログレイアウトが崩れてしまう懸念もありましたので
こちらは外しております。

JavaScriptオプション

JavaScriptオプション
  • JavaScriptコードの最適化 にチェック
  • 連結しないで遅延 にチェック

HTMLオプション

HTMLオプション
  • HTMLコードの最適化 にチェック

その他オプション

その他オプション
  • 連結されたスクリプト/CSSを静的ファイルとして保存 にチェック
  • 404フォールバックの使用 にチェック
  • ログイン状態の編集者、管理者にも最適化を行う にチェック
  • 投稿/ページごとに設定 にチェック
  • 追加の互換性ロジックを無効化 にチェック
もぐ
もぐ

その他オプションは
全てチェックだね!

完了したら「変更の保存とキャッシュの削除」をクリックです。

画像の設定

当ブログでは画像の最適化については
別のプラグインを使用しております。

二重になってしまいますので、こちらでは設定を行なっておりません。

画像圧縮等におすすめプラグイン

Autoptimizeの変更が反映されない

WordPressにて、Autoptimizeの更新・変更が反映されない場合は
キャッシュをクリアすると解決できます。

Autoptimizeのキャッシュを削除する方法
  • WordPressの管理画面上部から【Autoptimize】へ
    カーソルを合わせる
  • 「CSS\JSキャッシュ消去」をクリック

再度不具合が起きていたページを更新すると
反映されていると思います。

その他おすすめプラグイン

おすすめプラグイン
  • Akismet Anti-Spam (アンチスパム)
    スパム保護のプラグイン
  • Broken Link Checker
    リンク切れのチェックプラグイン
  • Pochipp
    アフィリエイトリンクを簡単に作成・管理するプラグイン
  • TinyPNG – JPEG, PNG & WebP image compression
    画像を圧縮するためのプラグイン
  • Converter for Media
    画像の容量を削減してくれるプラグイン
  • Autoptimize
    サイトの表示速度・パフォーマンス改善につながるプラグイン

WordPressのプラグイン種類は非常に多いです。
必要なものは探し、調べて、一緒に学んでいきましょう!

それでは!

───初出掲載───

2023年1月20日

───最終更新───

2023年4月1日

この記事を書いた人
もぐ

ネイルが好きなOL。
不動産屋で働きながらブログ書いてます!
【資 格】宅地建物取引士|簿記3級|FP3級|JNAジェルネイル技能検定初級|JNECネイリスト技能検定3級|化粧品検定3級

BLOGWordPress
NAIL OL LIFE

コメント

タイトルとURLをコピーしました