![](https://i0.wp.com/otouma.com/wp-content/uploads/2022/12/cropped-animal_music_band_drum.png?resize=150%2C150&ssl=1)
前にブログを開設して最初に入れたオススメのプラグインをご紹介しました。
今日はそこから追加したオススメのプラグインとしてAutoptimizeをご紹介します!
Autoptimizeとは
AutoptimizeはWordPressブログを高速化してくれる無料プラグインです。
WordPressを作っているJavaScript、CSSなどのソースコードと言われる部分を最適化してくれますのでオススメです。
Autoptimizeの導入
WordPressの管理画面から「プラグイン」を選び、新規追加をクリック。
![](https://i0.wp.com/otouma.com/wp-content/uploads/2023/02/454ad76b8c1f41c00c13eb21616bfe2d.png?resize=166%2C211&ssl=1)
キーワードに「Autoptimize」を入力し検索。
出てきたAutoptimizeの有効化をクリックし「有効」にすれば導入完了です!
![](https://i0.wp.com/otouma.com/wp-content/uploads/2023/02/66e40bf9d73a7ce05d680c83761ae9f7-2.png?resize=800%2C402&ssl=1)
Autoptimizeをかんたんに設定
WordPress管理画面、「設定」の中にAutoptimizeがあるのでそちらをクリックします。
![](https://i0.wp.com/otouma.com/wp-content/uploads/2023/02/1db4af890746a60fefae0722b2886571.png?resize=245%2C473&ssl=1)
以下の画面が表示されます。
![](https://i0.wp.com/otouma.com/wp-content/uploads/2023/02/6469cbad1d5a1b4fceda3fa63443db88.png?resize=800%2C539&ssl=1)
「JavaScriptオプション」の上記の赤枠2つにチェックを入れます。
次に画面を下にスクロールします。
![](https://i0.wp.com/otouma.com/wp-content/uploads/2023/02/85f9ed138c40764d840abf4e29e9d1fe.png?resize=791%2C542&ssl=1)
「CSSオプション」の上記赤枠3つにチェックを入れます。
そのまま画面を1番下までスクロールします。
![](https://i0.wp.com/otouma.com/wp-content/uploads/2023/02/dd0cb6a9b2767e7a2dae9442af3cae72.png?resize=800%2C138&ssl=1)
「変更の保存とキャッシュの削除」をクリックし保存しましょう。
JavaScriptとCSSの最適化が行われました。
![](https://i0.wp.com/otouma.com/wp-content/uploads/2022/12/cropped-animal_music_band_drum.png?resize=150%2C150&ssl=1)
この後「画像」タブから「画像の遅延読み込み」にチェックを入れる設定もあるのですが、自分はJetpackを利用していて、機能が競合する恐れがあるのでしていません。
遅延を解消するプラグインを入れていない方であれば上記のチェックもオススメです。
以上でAutoptimizeの導入と設定は完了です!
サイトを表示させて特に問題ないかチェックしていただければ思います。
やっぱりサイトの最適化は大事であり難しいですからこのプラグインで簡単に設定出来るのはありがたいです!
コメント