Lighthouseであらゆるウェブサイトのパフォーマンスと品質をチェック

グーグルは現代のウェブデザインの最前線にいます。それは人々がより良いウェブを作るのを助けることを目的としたAnalyticsからDevToolsまで全ての非常に多くのツールを提供します.

最近それはLighthouseと呼ばれるもう一つの便利な道具を発表した。これは Chromeのバックグラウンドで動作する無料の自動テストツール. ミニウェブサイト監査のように機能し、サイトのパフォーマンス、スピード、アクセシビリティ、およびセマンティックベストプラクティスの順守を確認します。.

Lighthouseエクステンションは 主にプログレッシブWebアプリケーション用に作成された. これらは、ブラウザで実行され、ネイティブアプリのように動作する一般的なWebアプリケーションですが、一般的なWebサイトのように機能します。.

PWAはLighthouseプロジェクトの大部分です。しかしLighthouseの目的は助けることです すべてのWeb開発者 彼らのページの品質をチェックする.

これには、HTML / CSSのバグチェックや重複するコード行の検索などが含まれます。 Lighthouseはまた、画像、ファイルサイズ、HTTPリクエストなどに関する最適化のヒントを使用してWebパフォーマンスを調べます。.

主な監査結果がすべて表示されます ChromeのDevToolsのすぐ内側 ですから、統計をチェックするために新しいウィンドウを開く必要さえありません。必要なのはChromeの実行中のバージョンで、Lighthouseの監査結果を確認するための時間があることだけです。.

一般に、これは4つのカテゴリに分類されます。

• パフォーマンス.
• アクセシビリティ.
• ベストプラクティス.
• プログレッシブWebアプリケーションのプロパティ.

各カテゴリーは、UXの改善のための推奨事項とともに、さらに細かいプロパティーに分類されます。.

で 監査結果を引き出すことができるボタンをクリックする それはあなたが根本的にウェブサイトのパフォーマンス、スピード、使いやすさ、そしてGoogleが気にかけているほとんどすべての測定基準を改善するのを助けるでしょう.

あなたがメインページを通してより多くのスキムを学びたい、そしてLighthouseの多くの機能について読みたいと思うならば.

Lighthouseを開発者コミュニティに最初に紹介したGoogle I / O 2017からこのプレゼンテーションを見ることもできます。.