[PR] 大手アパレルECサイトが導入する月額1万円〜ファイル数無制限の画像軽量化ツール「LightFile」

上場企業から3,198サイトをLighthouseで監査してみた

  • 「みんなモバイルWebサイトの最適化や表示高速化、ぶっちゃけどれだけやってるの?」を知りたかった。
  • 上場企業約3600社のコーポレートサイトにひたすらLighthouseを実行してみた。
  • 各スコアの平均点やヒストグラムを公開するよ!

Lighthouse

Google ChromeチームによるWeb監査ツール「Lighthouse」を使うと、簡単にモバイルWebページのフロントエンドについて技術的な観点の監査と採点を受けることができます。

例えば弊社アイデアマンズのスコアはこんな感じです(Lighthouseの結果を参考にけっこうチューニングしました)。

200-result1.png

Lighthouseの最新バージョン3.0 alpha1では116点の項目について監査が実行されます。監査項目は次のカテゴリごとにスコアリングされます。

  • Performance ユーザーの待ち時間が短くストレスがないか。
  • PWA Progressive Web Appsへの対応ができているか。
  • Accessibility アクセシビリティに問題がないか。
  • Best Practices モダンなWebアプリ開発のトレンドに沿っているか。
  • SEO 検索エンジン向けの対応ができているか。

これらのスコアは高い方がよいのですが、改善には当然、コストがかかります。サイトによって簡単に改善できる項目とそうでない項目がありります。

「じゃあ、競合や世の中のサイトはどこまでやってるの?」という実情もやはり気になるところです。

そこで日本の証券取引所に上場する3,618社(執筆当時)のWebサイトにLighthouseを実行し、スコアの分布を調べてみるということをやってみました。今回は3,198件について結果が得られたのでレポートします。

グラフの見方

カテゴリごとにスコアを10点刻みのヒストグラムにしました。

0点から100点まで、10点ごとにその範囲に該当するサイトを数え、棒グラフで表現しています。左が0点、右が100点です。

Performance 平均54.8点

0点から100点まで、全体的に分布していますが、点数の高いサイトの方が多い傾向にありました。基本的にコーポレートサイトは静的なWebサイトが多く、情報量もそこまで多くないことからパフォーマンスは出やすいジャンルだと思います。

ただ、10年以上リニューアルされていないレトロなサイトだからこそ軽いという消極的ながら高得点のサイトもそこそこありました。

histgram-performance.png

PWA 平均28.2点

Webサイトとモバイルアプリを融合する新しい技術であるPWA。これはほぼ未対応という状態でした。

そもそも企業のコーポレートサイトをPWAに対応する意味があるのか?とも言えますが、株主であればわずかな好材料もプッシュ通知で即座に知りたいというのが人情というもの。manifest.jsonファイルは置いてあるサイトはいくつか確認できました。

histgram-pwa.png

Accessibility 平均68.36点

70点くらいをピークに正規分布的に分布しています。さすが上場企業だけあってアクセシビリティも考慮しているWebサイトが多めのようです。

histgram-accessibility.png

Best Practices 平均60.5点

Lighthouseの採点基準がちょっとマニアック(Webアプリ向け)という理由もありますが、かなり偏りが強くなっています。JavaScriptについてはjQueryを使って似たような作られ方をしていることが想像できます。

histgram-bestpractices.png

SEO 平均88.5点

SEOはほとんどが満点に近い点数でした。気をつけている企業が多く、採点基準も極めて基本的な項目しかないため、逆に「ほぼ満点じゃないとヤバい」のがLighthouseのSEOです。

histgram-seo.png

以上、上場企業のコーポレートサイトをひたすらLighthouseで監査した結果でした。あなたの会社のコーポレートサイトと比べていかがでしたか?

アイデアマンズではもっと詳しいレポートを見たい、自社のサイトの監査をしたい、競合調査をしたい、スコアアップしたいといったご相談をお待ちしています。

リクエストはこちらから

前へ前へ

クイズの答え合わせをしよう!アイデアマンズブースで行われたLightFileチャレンジ「【問】軽量化するまえのきれいな元画像はどれ?」は25人の方が正解!

次へ次へ

[初心者向け]JPEGやPNGに適した画像の特徴を把握すれば、画像最適化はカンタンにできる!ポイントは色数が多いか少ないか!