ページ速度を改善するには、さまざまなツールのサポートが必要になることがよくあります。これらのツールには、ページ速度を測定するために使用されるものもあれば、ページアセットのサイズを縮小するために使用されるものもあります。この記事では、便利なリファレンスとして役立つライブラリを作成しました。
この記事のツールでカバーされている領域をリストすると、次のようになります。
- ページ速度を判断するツール
- 画像サイズを縮小するツール
- CSS、JavaScript、HTML最適化ツール
ページ速度を判断するツール
- Google ページスピード インサイト: 最もよく知られているページ スピード ツールです。Lighthouse インフラストラクチャを使用してサイトにスコアを付け、過去 28 日間のデータを提供します。
- ウェブページテスト: インフラストラクチャ上で 3 つの異なるテストを実行して平均結果を提供し、API を使用してより技術的なレポートを提供するプラットフォーム。
- トレオ: Pagespeed と CrUX インフラストラクチャに基づいて過去 12 か月間の視覚データを提示する唯一のプラットフォームです。
- GTmetrix: Lighthouse インフラストラクチャを使用してサイトの速度に関する洞察を提供し、独自のスコアを付与するツール。
- デアブースト: インフラストラクチャ上のサイト速度情報を提供するツール。
- Calibri アプリ: Lighthouse インフラストラクチャを使用して複数のページを競合他社と比較できるツール。
- スピードカーブ: RUM と合成サイト速度データを見つけることができる有料ツール。
- イエローラボ: インフラストラクチャ上で独自の改善可能なメトリックを提供する便利なツール。
- スピードキット: サイトの問題を診断するだけでなく、治療も行う珍しいツールの 1 つで、WordPress プラグインとして、また通常のサイトでも利用できます。
- パフォーマンスマターズ: WordPress 用の軽量パフォーマンス プラグイン。
画像サイズを縮小するツール
- Imagify.io: API と WordPress プラグインを使用して画像サイズを縮小するツール。
- Squooshアプリ: 画像を MozJPEG、OptiPNG、WebP などの形式に変換するための非常にシンプルで高速なツールです。
- TinyJPG: JPG サイズを縮小するためのシンプルなツール。
- TinyPNG: 以前のツールの PNG バージョン。
- Compressor.io: JPEG、PNG、GIF、SVG 形式を圧縮し、比較ビジュアルが際立つプラットフォームです。
- クラーケン: API サポートを備えた最も古く、最も堅牢なツールの 1 つで、WordPress および Magento プラグインとともに、JPEG、PNG、GIF、アニメーション GIF、SVG 形式を提供します。
- Optimizilla: シンプルで非常に便利な JPEG および PNG ファイル コンプレッサー。
- ImageOptim: Mac コンピューターでのバッチ画像圧縮に特に便利なオンライン ツールです。
- クラッシュ写真: Shopify および WordPress プラグインを使用して画像をロスレスに最適化するツール。API 経由でも利用できます。
- minifier: 画像の alt タグを生成する、Shopify 向けの SEO フレンドリーなツール。
- GIMP Web用に保存: バッチ画像圧縮を可能にする Windows 用アプリケーション。
- ウェブサイト画像分析ツール: 入力された URL に基づいて、どの画像形式がより最適化されているかを教えてくれるツールです。
CSS、JavaScript、HTML 最適化ツール
- リフレッシュSF: CSS、JS、HTML をすべて 1 つのサイトに圧縮するツール。
- クリーンCSS: CSS 圧縮に広く使用されているツール。
- スタイルニート: CSS、JS、HTML 形式を単一のプラットフォームで圧縮するツール。
- CSS オプティマイザー: CSS 最適化を提供するプラットフォーム。
- タブ文字: HTML、CSS、JSON コード構造を圧縮するプラットフォーム。
- minifier: CSS と JS 構造を圧縮するプラットフォーム。
- 重要なCSS: ページから重要な CSS を抽出するために Addy Osmani によって開発された GitHub ソース コード。
- CSSの浄化: ページ上の未使用の CSS を分離する非常に便利なツールです。
これらのツールは、 ウェブサイトのパフォーマンス ページ速度の測定からアセットサイズの削減、コードの最適化まで、さまざまな側面を最適化します。
