microCMS

【イベントレポート】サイト速度改善の完全攻略法セミナー

工藤 港

先日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の活用・設定方法はこちら

まずは、無料で試してみましょう。

APIベースの日本製ヘッドレスCMS「microCMS」を使えば、 ものの数分でAPIの作成ができます。

microCMSを無料で始める

microCMSについてお問い合わせ

初期費用無料・14日間の無料トライアル付き。ご不明な点はお気軽にお問い合わせください。

お問い合わせ

microCMS公式アカウント

microCMSは各公式アカウントで最新情報をお届けしています。
フォローよろしくお願いします。

  • X
  • Discord
  • github

ABOUT ME