Core Web Vitals

はじめに 最近は、開発チームに対してコミットすることが多く SRE業務にも少し手を出し始めている。 そのときに調べたことをメモする。 Core Web Vitals Core Web Vitals とはGoogleがWebサイトの健全性を示す指標として重視するもので、以下の指標があります。 参考情報 https://web.dev/i18n/ja/vitals/ https://digiful.irep.co.jp/blog/48237963801 Largest Contentful Paint（LCP） そのページで最も有意義なコンテンツが表示されるまでの時間を表します。（単位：秒） Fi…

大変ご無沙汰しております、今年度もあと少しです。この記事ではAutoReserveでのCLS改善についてお話します。 Web高速化シリーズ第2弾となります、第1弾「メンバーを巻き込み、分析基盤を整える」も併せてご覧ください。 CLSはきちんと改善を行えば必ず満点の25点を取ることができる、Page Speed Insightsの中でもある意味特別な指標です。CLS以外の指標は「~するまでの”時間”」を示しますが、CLSだけは「1画面のなかでコンテンツがずれた”総量”」を示しているためです。秒数を削るのはある程度限界がありますが、「コンテンツがずれないようにする」のはほぼ完璧に対応することができ…

2023年もあと少しです。スパッと区切りをつけるよりも2024年にバトンを渡すような過ごし方をしたいなと思い、この記事を書き始めました。 2023年はAutoReserveにとって飛躍の年でした。海外レストランの予約開始をはじめとする多くの機能をリリースし、プレスリリースも多く出し、ユーザー数の大台を突破しました。 また飲食店向けに提供しているAutoReserve for Restaurantも今年大きな成長を遂げました。今年だけで30以上もの飲食店さまにご協力いただき導入事例を掲載させていただきました。 しかしその代償もありました。多くの機能をリリースし大きな成長を遂げた筋肉痛として「ペー…

ヤフー株式会社より出向しております、卯田と申します。 主務で、一休.comおよびYahoo!トラベルのフロントエンド開発を担当しています。 兼務で、ヤフー株式会社の全社横断組織でWebパフォーマンス改善の推進を行っております。 本稿では、直近半年弱(2023年2月〜8月)で、断続的に行っていた一休.comのパフォーマンス改善について振り返ります。 開始が2023年2月となった理由は、Nuxt3バージョンアップ以降にパフォーマンス改善活動に着手したためです。 一休.com/Yahoo!トラベルのNuxt3バージョンアップ詳細については、以下のブログをご覧ください。 user-first.ikyu…

WebPとICC Profileのテスト 今年、2021年の5月からGoogleはCore Web Vitalsのスコアを検索結果のランク付に利用する様にアルゴリズムを変更しました。 これにより、今までよりもWebサイトのパフォーマンスがSEOで重要な意味を持つ様になり、特に画像をいかに軽くするかは重要になっています。 しかし、EC-CUBEで作られる通販サイトにとって、商品画像などの画像は非常に重要な意味を持ちます。画像の綺麗さがCVRに結構直結します。ただ、容量の少ない画像であれば良いわけではなく、可能な限り少ない容量で美しい画像が求められます。 今回は、Googleも推奨している比較的新…

こんにちは、堀内です。最近Googleの検索ランキングの要因にもなると話題のCore Web Vitalsについて、弊社での取り組み方をお伝えしていきたいと思います。 CoreWebVitalsは界隈ではものすごく有名なので、いろいろな方が説明記事を公開されています。 なので今回は、Core Web Vitals自体は軽く触れる程度として当社での取り組み中心に話していきたいと思います。