広告

Lighthouse Report で全部100点

lighthouse viewerWEB
この記事は約2分で読めます。

本当に全部100点にできるとは、思っていなかったけど、できるのですね。

初めて全部100点にすることができました。

花火が上がって、いつもとは違う感じです。

ぜひ、頑張って目指しましょう。

って、デザイン上の問題で引っかかるところが多いから、難しいと思いますが、挑戦して損はありません。

ちなみにこのサイトではありません。

Lighthouseとは

簡単にいうと、Webサイトの状態を診断してくれるシステムです。

Lighthouseについては、こちら

Lighthouse によるウェブアプリの監査  |  Tools for Web Developers  |  Google Developers
Lighthouse を設定してウェブアプリを監査する方法について説明します。

全部100点にできたわけ

WordPressテーマを構築

画像はWebpに

コントラストもちゃんとチェック⇒コントラストが問題になるデザインが多いのも事実。綺麗、美しいものはコントラストが低くなりがちなので100点は難しい…

不要なCSSは削除してインラインで読み込み

プラグインも最小限

サイト高速化が重要なポイントですね。

ちなみに、画像には全部alt属性を入れてます。(意味のある画像しか入れてないので)

svgもインラインをメインにしました。

PageSpeed Insightsも100点

Lighthouseが100点なので、PageSpeed Insightsも100点になりました。

携帯電話版

携帯の点数

パソコン版

パソコンの点数