本当に全部100点にできるとは、思っていなかったけど、できるのですね。
初めて全部100点にすることができました。
花火が上がって、いつもとは違う感じです。
ぜひ、頑張って目指しましょう。
って、デザイン上の問題で引っかかるところが多いから、難しいと思いますが、挑戦して損はありません。
ちなみにこのサイトではありません。
Lighthouseとは
簡単にいうと、Webサイトの状態を診断してくれるシステムです。
Lighthouseについては、こちら
Lighthouse の概要 | Chrome for Developers
Lighthouse を設定してウェブアプリを監査する方法について学びます。
全部100点にできたわけ
WordPressテーマを構築
画像はWebpに
コントラストもちゃんとチェック⇒コントラストが問題になるデザインが多いのも事実。綺麗、美しいものはコントラストが低くなりがちなので100点は難しい…
不要なCSSは削除してインラインで読み込み
プラグインも最小限
サイト高速化が重要なポイントですね。
ちなみに、画像には全部alt属性を入れてます。(意味のある画像しか入れてないので)
svgもインラインをメインにしました。
PageSpeed Insightsも100点
Lighthouseが100点なので、PageSpeed Insightsも100点になりました。
携帯電話版

パソコン版
