先日2/1（火）にリアルタイム画像処理CDNサービス「imgix」アカウントマネージャーの金本氏をお招きして、Google Core Web Vitalsに対応したサイト速度改善の完全攻略法について、概要から実装方法まで具体的な解決方法を詳しくご紹介する「サイト速度改善の完全攻略法セミナー」を開催しました。セミナーをご視聴いただいた皆様、ありがとうございました！

この記事ではセミナーの内容をご紹介します。

アーカイブ動画はこちらにてご覧いただけます。
https://microcms.io/seminars/bZ2BN79G

登壇者とアジェンダのご紹介

Googleが推奨するCore Web Vitalsとは

工藤 港（microCMS CMO）

@kudominato

Googleが検索順位を決める要素として重視している点・Core Web Vitalsの3指標・Core Web Vitalsの確認方法・測定と改善の流れ例について、お話させていただきました。

▼登壇資料はこちら

PageSpeed Insightsから読み取るページ速度の改善点

金本 太一氏（imgix アカウントマネージャー）

@taichi-kanemoto
imgixのパラメーターを付与することで速攻でページ速度を改善する方法・画像サイズを全てのデバイスに合わせて自動的に配信する方法・imgixの使えるデザイン要素のパラメーター紹介など、imgixによる画像の最適化について詳しくお話いただきました。

LCP / FID / CLSを改善する実装方法

柴田 和祈（microCMS COO / フロントエンドエンジニア）

@shibe97

microCMSを用いた高速でSEOに強いセキュアなサイト（Jamstack構成）の構築方法やmicroCMSとimgixを組み合わせて簡単にCore Web Vitals対策を行う方法について、お話させていただきました。

実際のサイトでスコアの改善（63点→82点）も行いました。

▼登壇資料はこちら

imgixの画像API

microCMSの画像編集処理にはimgixのAPIをご利用いただけます。
imgixはURLパラメータによって画像をリアルタイムで編集することができる画像向けCDNです。microCMSのご利用料金にimgixのAPI利用料金が含まれていますので、別途imgixの契約は不要でご利用可能です。
画像フィールドからのアップロード、リッチエディタ内からのアップロード共に対応しています。ぜひ一度お試しください！

＞ 画像APIの基本的な使い方はこちら

＞画像APIの活用・設定方法はこちら