株式会社アプリコットデザイン株式会社アプリコットデザイン

tel.0120-622-835

営業時間/10:00〜18:00 定休日/土日祝日

tel.0120-622835

営業時間/10:00〜18:00 定休日/土日祝日

  • instagram
  • facebook

BLOGスタッフブログ

トップページ > ブログ > Core Web Vitals(コアウェブバイタル)について

Core Web Vitals(コアウェブバイタル)について

UPDATE : 2022.03.04

CATEGORY :
Tokutake
Tokutake

Tokutake

昨年採用された検索結果の表示ランキング「Core Web Vitals(コアウェブバイタル)」はご存知でしょうか?
簡単にいってしまうと、サイトの表示スピードが早いほうが、検索結果の上位に反映されるとゆうものです。
ページエクスペリエンスの評価について
以前はサイトの検索上位に反映される基準として、ページスピードやモバイルフレンドリーなどなど意識していましたが、コアウェブバイタルも評価基準となると、荷が重い…です;



コアウェブバイタルとは

Largest Contentful Paint (LCP)、First Input Delay (FID)、Cumulative Layout Shift (CLS)の3つが評価基準となります。

LCP

サイトに表示される最も大きい画像またはテキストブロックのレンダリング時間を、ページの初期読み込み開始タイミングと比較した時間。


FID

ユーザーが最初にアクションを起こしたとき(ボタンをクリックする等)から、その操作に応じてブラウザーが処理を開始するまでの時間。


CLS

ページのレイアウトやボタンをクリックしたときなどのアクションのズレが生じた指数。



コアウェブバイタルの評価の調べ方

調べ方は何種類かございますが、私が使っている2点をご紹介します。


PageSpeed Insights

サイトスピードも知りたいときに一緒に確認できるので、制作後に利用しています。


Chrome拡張機能「Web Vitals」

合格のページにはアイコンが緑に、不合格だと赤く表示されます。
赤く表示されているのを見るとドキドキします;;
ちなみにサイトスピードの拡張機能もありますので、こちらも入れとくと便利です!
Lighthouse▼



コアウェブバイタルの評価をあげるためにすること

具体的にはWEB上にたくさんの記事が掲載されているので、こちらでは控えさせていただきますが、サイトスピードを上げるのは重要だと考えられます。
ちなみにアプリコットのサイトはコアウェブバイタルに合格しています!うれしい!!
とはいえ、いつ不合格にされるかわかりませんので、どんどん改善して、大切に育てていこうと思います(^^)

この記事を書いた人Who wrote this blog

Tokutake Mami

旅とおいしいものをこよなく愛する
テキパキ系コーダー

RELATED POST関連する記事

CONTACTお問い合わせ

tel.0120-622835

営業時間/10:00〜18:00 
定休日/土日祝日

  • 信州ファームデザイン
  • 信州ファームマーケット
  • 株式会社POCKET
  • 株式会社Think for Design