個人サイトにCloudflareを導入してみた
1K Views
November 10, 24
スライド概要
Okayama WordPress Meetup #11 | クラウドの力で加速！WordPressとCloudflare CDN連携ワークショップ
https://www.meetup.com/ja-JP/okayama-wordpress-meetup/events/304058572/
でお話ししたスライドです。
岡山県在住。小売店、飲食業を経て2000年よりウェブ制作に従事し、2023年6月からClassiに所属。 業務外の活動として、セミナーイベント・勉強会への登壇、書籍の執筆・寄稿など執筆活動、技術系ドキュメントの翻訳などを行う。 ウェブクリエイターズニュース管理人。okayama-js主宰。Okayama WordPress Meetup オーガナイザー。
関連スライド
各ページのテキスト
個人サイトに Cloud are を導入してみた Okayama WordPress Meetup #11 2024/11/09 fl 前川昌幸
自己紹介 • 前川昌幸（まえかわまさゆき） • Okayama WordPress Meetup オーガナイザー • Classi株式会社 • プロダクトオーナー • チームリーダー
個人サイトに Cloud are を導入してみた Okayama WordPress Meetup #11 2024/11/09 fl 前川昌幸
個人サイトに Cloud are を導入してみた Okayama WordPress Meetup #11 して1年たった 2024/11/09 fl 前川昌幸
ここで使ってます
オリジンはさくらインターネット （スタンダード 6,600円/年）
実はCDN目的ではなく…
ドメイン管理したくて利用をはじめました
Cloud areのドメイン管理 • 多分最安（個人の観測範囲） • １年目だけ安いとかは別 • その分2年目以降高くなるとかは無い • 調整費とか無いし！ • DNSもついてくる • jpドメインは対象外（今も fl • Google Domains売却での引っ越し先として利用開始
あれ？ CDN使えてる…
きゃー！ 気がつかずに有効化した？ お金払っちゃう！
そんなことなかった
どうせならがっつり使おう • デフォルト設定ではいわゆる静的ファイルのキャッシュ • やりたいこと • ユーザー閲覧のHTMLもキャッシュしたい • ユーザーログインしてあれこれは無いフツーのブログ • 当然管理画面はキャッシュしない • キャッシュのパージは手動でもすぐできるように
https://ja.wordpress.org/plugins/cloudflare/
所感 • キャッシュプラグイン必要なくなった • 難易度もCDNの設定はキャッシュプラグインと大差ないのでは？ • 外すのも早い • 「開発モード」を有効にすれば全てバイパス • パージも早い • ドメイン管理（DNS）とセットで効いてる面もあるかも？ • GitHub Pagesでも設定可能
まとめ • 結果、キャッシュ効いた状態でLCP300ms未満とかに • おすすめはドメイン管理から • jpドメイン以外なら一択ぐらいに思ってます • 利用開始から1年経過して不満なし
ありがとうございました