最近GoogleがWeb UXの指標として提示しているのがWeb Vitalsです。3つの指標があり、ローディングとインタラクティブ性、そして視覚的安定性となっています。これらの3つの指標に沿って、Webページを判定します。 そんなWeb Vitalsを判定するGoogle Chrome機能拡張がWeb Vitals Chrome Extensionです。

Web Vitals Chrome Extensionの使い方

MOONGIFTを見た場合。

このページはわざと欠点を出しているページです。

改善ポイントがあるページでは赤い表示、問題なければ緑のアイコンが表示されます。まだアルファ版なので、改善方法などが提示されなかったり、指標が大ざっぱな印象があります。今後改善されれば、UXを数値化する上で便利なツールになるでしょう。

Web Vitals Chrome ExtensionはGoogle Chrome用のオープンソース・ソフトウェア(Apache Licnese 2.0)です。

GoogleChrome/web-vitals-extension: A Chrome extension to measure essential metrics for a healthy site