バイタル)」という指標を適用しました。コアウェブバイタルとはユーザーがサイトを通じて得られる体験(UX)の評価指標で、特にGoogleが重要としている3つの指標です。Paint)読み込みのパフォーマンスを測定するための指標です。秒以内にする必要があります。Delay)インタラクティブ性を測定するための指標です。ミリ秒以下にする必要があります。Shift)読み込みのパフォーマンスを測定するための指標です。以下に維持する必要があります。Vitals画像の表示速度が影響するのは1つ目の「LCP」です。表示速度を改善する手段として、「WebP」という画像フォーマットを紹介します。WebPとはGoogleが2010年に開発した、画質を保ちながらファイルサイズを軽量化する次世代画像フォーマットです。「WebP」=「ウェッピー」と読みます。拡張子もそのまんま「.webp」。Developersの文書によると、同等のJPEG画像より25~34%、PNG画像より26%縮小される、とのことです。WebP多機能Webの画像フォーマットといえば「jpg」「png」「gif」ですが、それぞれメリット・デメリットがあるので画像によって使い分けて制作していますが、「webp」はそれらのメリットを全部備えたフォーマットなので使い分けに悩む必要なし。○フォーマット別画像比較1920×1280pxの風景写真とざっくり選択で白背景色を削除した画像をPhotoshopで書き出してみました。・画像変換の手間でしたが、これらもかなり解消されてきました。対応ブラウザどうしてもIE対応!というのでなければ問題なくPC、スマホとも対応しています。WebP画像変換オンラインの変換ツールやPhotoshopにプラグインを追加して変換する必要がありましたが、2022年2月15日公開の「Photoshop23.2」ではプラグインなしでWebPの読み込み・保存ができるようになりました。まとめデメリットがほぼ解消されたことで今後のWeb制作の主流になりそうですね。案件のご相談NORENは、株式会社アシストの登録商標です。弊社は、株式会社アシストと提携しNOREN製品をご提案・ご提供しております。