【WordPress】Autoptimizeでページ表示速度を上げる

やりたいこと

WordPressから配信されるHTML/JS/CSSは、初期状態ではサイズが大きいなど最適化されていない。

そのため、画面を表示するまでに必要以上に時間がかかっており、速度に影響が出る。

そこで、Autoptimizeを使用して最適化を行う。

配信ファイルの最適化プラグイン「Autoptimize」を使用する。

JSを圧縮し、全て連結して配信する。

全てのCSSを圧縮して連結し、小さな画像と共にHTMLに含める。

HTMLを圧縮する。

圧縮したJS/CSSを静的ファイルとして保存しておく。

遅延読み込み(Lazy Load)を有効化する。

不要なフォントとCSSの配信を停止する。

配信ファイルのクエリストリングを除外し、キャッシュが効くようにする。

PageSpeed InsightsとGTmetrixで確認する。

ページサイズと表示にかかる時間が半減した。