Googleが発表 最近、その灯台ツールの公開のニュース、pFirefox Webブラウザーの場合、 提供された 補足として ブラウザ用。 Firefoxアドオンは Lighthouseコア開発チームによって準備され、PageSpeed InsightsAPIを使用します レポートを生成します。
Lighthouseに慣れていない方は、Chromeに含まれるWeb開発者向けのオープンソースの自動化ツールであり、Webアプリケーションの品質を向上させるように設計されていることを知っておく必要があります。
Lighthouseを使用すると、一連のテストを実行するだけで十分です。 ページに対して、これによりページのパフォーマンスに関するレポートが生成されます。 ここから、開発者は取得したデータを指標として使用できます。、Webアプリケーションを改善するために行うことができます。
プラグインは識別を可能にします ボトルネック Webアプリケーションのパフォーマンスでは、 コンポーネントの読み込み速度とリソース消費、 JavaScriptで不必要にリソースを消費する操作を特定し、httpサーバー構成の問題を特定します、検索エンジンインデックス(SEO)の設計最適化を評価する また、Webテクノロジーを使用することの関連性と、障害を持つ人々に対するWebアプリケーションの適合性を調べ、より弱いCPUと低いネットワーク帯域幅のアプリケーションのシミュレーションをサポートします。
基本的にGoogleLighthouseを使用すると、次のようなWebサイトについて多くの情報を得ることができます。
- 最初の画像またはコンテンツがユーザーの画面に表示されるまでにかかる時間。
- サイトのrobots.txtファイルが適切に形成され、追跡可能かどうか
- ユーザーが初めてページを操作できるとき
- あなたのサイトの速度評価
レポートはいくつかの異なるセクションに分かれています。
- パフォーマンス: これは、現在のサイトのパフォーマンスの基本を示しています。 このレポートは、他のどの要素よりもサイトの読み込み速度に焦点を当てています。
- 機会: それはあなたがあなたのサイトをスピードアップしてパフォーマンスを改善するのを助けることができる機会を提示します。 これらの機会は、テキスト圧縮を有効にするなど、非常に具体的です。
- 診断: これは、ファイルサイズが大きすぎたり、読み込み時間が遅くなる可能性があるなど、対処する必要のあるサイト上の特定の問題を示しています。 彼らは、問題が何であるか、それがあなたのサイトにどのように影響しているか、そしてなぜそれを修正する必要があるのかを正確に教えてくれます。
- プログレッシブウェブアプリケーション-これにより、Webアプリケーションの詳細な監査が可能になり、モバイルアプリケーションがオーディエンスにとって信頼性が高く機能することを確認できます。 これは価値があります。 多くの監査ツールはこれを提供していません。
- アクセシビリティ: サイトをよりアクセスしやすく、ナビゲートまたは使用しやすくする方法を示します。 UXデザインはサイトの有効性に不可欠であるため、これは無視してはなりません。
- より良い実践: HTMLの実装や画像の表示など、サイトを確実に最適化するための最良の方法を説明しています。
- SEO対策: これは、サイトが検索エンジンでどのように機能するか、およびランキングの可能性に影響を与えるさまざまな要因を詳しく調べます。 コンテンツの品質、トレーサビリティ、モバイルデバイスの互換性などの指標を調べ、検索エンジンの可視性を最大化するための新しい方法を特定するのに役立ちます。
灯台を取得
最後に、このアドオンのインストールとテストに関心のある方は、Firefoxアドオンストアで検索するか、検索することができます。 下のリンクから。
Chromeユーザーの場合、冒頭で述べたように、Lighthouseは[監査]パネルでChrome開発者ツールに直接統合されています。
ブラウザ拡張機能としても利用できますが、 このリンクをクリックします。
このツールをグラフィカルモードとCLIモードの両方で使用する方法については、そのドキュメントを参照してください。 次のリンクで。