Jamstack Pre-Rendering
事前生成のメリットを生かして、
microCMSのリッチエディタを最適化して使う
Jamstack Pre-Rendering
事前生成のメリットを生かして、
microCMSのリッチエディタを最適化して使う
1
2
このスライドで達成すること
3
HTML形式のコンテンツを最適化した際のパフォーマンス改善の効果がわかる
4
どれくらいの効果があるのか
以下の条件で最適化した上で比較を行う
- 画像を遅延読み込みかつ、レスポンシブ画像にする
- iframeを遅延読み込みにする
- シンタックスハイライトを事前に行う
5
6
最適化前
最適化後
7
便利なライブラリの紹介
import { processer } from "microcms-richedit-processer"
〜〜〜
processer(content, { code: { enabled: true } })8
END
9