![23 Development Tools for Boosting Website Performance](https://img.php.cn/upload/article/000/000/000/173906779213397.jpg)
利用可能なツールが多数あるため、ウェブサイトのパフォーマンスを最適化することは困難です。この記事では、明確に分類された23のパフォーマンス分析と最適化ツールを紹介します。 よく知られている人もいれば、そうではないが、すべてが開発者にとって貴重な資産です。
キーテイクアウト:
- クライアントサイドツール Googleのテストのように、私のサイト、Sitespeed.io、および灯台の測定とウェブサイトの速度の改善。
コードレベルのツールサーバーサイドツール apachetop、ngxtop、およびuptime-cliモニターWebサーバーのパフォーマンスを含み、リアルタイムメトリックを提供します。
- sqlパフォーマンスツールロードテストツール
apache jmeter、グラインダー、ガトリングなど、負荷の下でウェブサイトのパフォーマンスを評価します。
-
クライアント側のパフォーマンスツール:
-
Googleのテスト私のサイト:
このオンラインツール(webpagetest.orgを搭載)は、3GネットワークでMoto G4を使用してモバイル速度を評価し、積み込み時間、訪問者の推定、業界の比較、および最適化の提案を提供します。 。
-
sitespeed.io:
ウェブサイトのパフォーマンスを測定および改善するためのツールのオープンソーススイート(コーチ、Browsertime、Chrome-Har、PageXray)。 npmまたはdockerを介してインストールできます。
-
Google lighthouse:
Chrome Devtoolsに統合されたオープンソース監査ツール、Chrome ExtensionまたはCLIツールとして入手できます。 最新のクライアント側アプリのパフォーマンスを測定および改善するために不可欠です(特にPWA)。
![23 Development Tools for Boosting Website Performance](https://img.php.cn/upload/article/000/000/000/173906779574456.jpg)
-
LightCrawler: Webサイトをcrawって、各ページで灯台監査を実行します。 NPM経由でインストール可能で、JSONを介して構成可能です
yslow:
ブラウザのブックマークレットWebページを分析し、Yahooのベストプラクティスに基づいてパフォーマンスのボトルネックを識別します。
![23 Development Tools for Boosting Website Performance](https://img.php.cn/upload/article/000/000/000/173906779816662.jpg)
-
gtmetrix:パフォーマンスの洞察と最適化の推奨事項を提供するオンラインツール。
- ページのパフォーマンス:クイックパフォーマンス分析のためのクロム拡張機能。
- AMPプロジェクト:AMP HTML、AMP JS、およびAMPキャッシュを使用して高速で高性能なWebサイトを作成するためのオープンソースプロジェクト。
コードレベルのパフォーマンスツール:
Dust Meセレクター:
aブラウザー拡張機能の識別と削除未使用のCSSセレクター。
-
ペントハウス:
倍以上のコンテンツの重要なパスCSSを生成します。 CLIツールおよびオンラインサービスとして利用できます。
-
![23 Development Tools for Boosting Website Performance](https://img.php.cn/upload/article/000/000/000/173906780524967.jpg)
クリティカル:
抽出およびインラインのクリティカルパスCSS。 NPM経由でインストールでき、ビルドシステムと統合します
-
optimize-js:
JavaScriptコードを最適化して、初期負荷を高速にします。 npmを介してインストールできます。
-
画像最適化ツール(ImageOptim、pngcrush、trimage):
画像サイズを損なう最適化のためのツール。
-
サーバー側のパフォーマンスツール:
apachetop:a
-apache webサーバーのパフォーマンスを監視するツールのようなもの。
-
ngxtop:top
a
- nginx(およびapache)アクセスログを解析し、キーメトリックを表示するツールのようなツール。
-
-
uptime-cli:uptime robot APIを使用したCLIツール監視Webサイトアップタイム。
sqlパフォーマンスツール:
-
チューニングプライマー: mysqlパフォーマンスチューニング用のバッシュスクリプト(バージョン5.5)。
- mysqltuner:
mysqlサーバーのパフォーマンスを分析し、構成の推奨事項を提供するperlスクリプト。
mytop:- a
-MySQLサーバーのパフォーマンスメトリックを表示するツールのようなツール
top
テストツールの負荷:
apache jmeter:ロードテストとパフォーマンス測定用のオープンソースJavaベースのツール。
-
グラインダー:
分散荷重テストのためのJavaベースの負荷テストフレームワーク。
-
Gatling:Scalaを使用した荷重テストツールとスクリプト用のDSLを使用しています。
-
sqlbenchmarkpro:
リモートデータベースパフォーマンス監視用のクラウドサービス
この包括的なリストは、ウェブサイトのパフォーマンスの課題に取り組むための強力な基盤を提供します。 ツールを選択するときは、プロジェクトの特定のニーズを検討することを忘れないでください。
以上が23ウェブサイトのパフォーマンスを向上させるための開発ツールの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。