Nov
30
2023
Off
WordPressプラグインタグ「core web vitals」の比較
はじめに
WordPressプラグインのうち、タグ「core web vitals」が付けられているもの(https://ja.wordpress.org/plugins/tags/core-web-vitals/ )から有効インストール数が1000以上のプラグインの比較を行いました。(特定の環境に依存するものと最近更新が行われていないものは除外)
比較したプラグイン
- LiteSpeed Cache バージョン:5.7.0.1
https://ja.wordpress.org/plugins/litespeed-cache/
有料 - WP Fastest Cache バージョン:1.2.2
https://ja.wordpress.org/plugins/wp-fastest-cache/
無料/有料 - Autoptimize バージョン:3.1.10
https://ja.wordpress.org/plugins/autoptimize/
無料/有料 - Speed Booster Pack ⚡ PageSpeed Optimization Suite バージョン:4.5.7
https://ja.wordpress.org/plugins/speed-booster-pack/
無料 - Cloudinary – Deliver Images and Videos at Scale バージョン:3.1.5
https://ja.wordpress.org/plugins/cloudinary-image-management-and-manipulation-in-the-cloud-cdn/
無料/有料
※Cloudinary ( https://cloudinary.com/ )アカウント作成が必要 - Core Web Vitals & PageSpeed Booster バージョン:1.0.16
https://ja.wordpress.org/plugins/core-web-vitals-pagespeed-booster/
無料
比較表
○・・・無料で使用できるもの
△・・・一部無料で使用できるもの
LiteSpeed Cache | WP Fastest Cache | Autoptimize | Speed Booster Pack ⚡ PageSpeed Optimization Suite | Cloudinary – Deliver Images and Videos at Scale | Core Web Vitals & PageSpeed Booster | |
設定画面日本語対応 | ○ | ○ | ○ | × | × | × |
キャッシュ | △無料での使用に制限あり | ○ | 有料(無料のキャッシュプラグインとの併用可) | ○ | ○ | |
ブラウザキャッシュ(Expiresヘッダでの制御) | ○ | ○ | ○ | |||
CSSの結合 | ○ | ○ | ○ | |||
JSの結合 | ○ | ○ | ○ | |||
CSSの縮小 | ○ | ○ | インラインのみ可 | ○ | ||
JSの縮小 | ○ | 有料 | ○ | |||
未使用CSSの削除 | ○ | |||||
Critical CSS | △無料での使用に制限あり | △(自動生成については有料) | ○ | |||
HTMLコードの縮小 | ○ | ○ | ||||
WordPress絵文字の無効化 | ○ | ○ | ||||
Googleフォントの最適化 | 有料 | ○ | ○ | ○ | ||
プリロード | ○ | |||||
JSの遅延(フッタに記述) | ○ | 有料 | ○(インラインJSも含む) | ○ | ||
defer | ○ | 有料 | ○ | ○ | ○ | |
画像の最適化 | △無料での使用に制限あり | 有料 | △ https://shortpixel.com の登録が必要 | △無料での使用に制限あり | ||
Lazy Load(画像の遅延読み込み) | ○ | 有料 | ○ | ○ | ○ | |
WebP対応 | ○ | 有料 | △ https://shortpixel.com の登録が必要 | △無料での使用に制限あり | ○ | |
独自CDN | △無料での使用に制限あり | 有料 | △無料での使用に制限あり | |||
CDNサポート | ○ | ○ | ○ | ○ | ||
Cloudflare連携 | ○ | ○ | ○ |
最後に
以上からタグ「core web vitals」が付けられているプラグインはCloudinary以外はキャッシュ・CSS/JSの結合や圧縮、遅延読み込みなどのページ読み込み時間を短縮化する機能を有していることがわかります。
Core Web Vitalsの対応・改善のためのプラグインを導入する際の参考にしていただければ幸いです。
Posted inCore Web Vitals
TagsCore Web Vitals