個人サイトにCloudflareを導入してみた

1.1K Views

November 10, 24

スライド概要

Okayama WordPress Meetup #11 | クラウドの力で加速!WordPressとCloudflare CDN連携ワークショップ
https://www.meetup.com/ja-JP/okayama-wordpress-meetup/events/304058572/

でお話ししたスライドです。

profile-image

岡山県在住。小売店、飲食業を経て2000年よりウェブ制作に従事し、2023年6月からClassiに所属。 業務外の活動として、セミナーイベント・勉強会への登壇、書籍の執筆・寄稿など執筆活動、技術系ドキュメントの翻訳などを行う。 ウェブクリエイターズニュース管理人。okayama-js主宰。Okayama WordPress Meetup オーガナイザー。

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

個人サイトに Cloud are を導入してみた Okayama WordPress Meetup #11 2024/11/09 fl 前川昌幸

2.

自己紹介 • 前川昌幸(まえかわまさゆき) • Okayama WordPress Meetup オーガナイザー • Classi株式会社 • プロダクトオーナー • チームリーダー

3.

個人サイトに Cloud are を導入してみた Okayama WordPress Meetup #11 2024/11/09 fl 前川昌幸

4.

個人サイトに Cloud are を導入してみた Okayama WordPress Meetup #11 して1年たった 2024/11/09 fl 前川昌幸

5.

ここで使ってます

6.

オリジンはさくらインターネット (スタンダード 6,600円/年)

8.

実はCDN目的ではなく…

9.

ドメイン管理したくて利用をはじめました

10.

Cloud areのドメイン管理 • 多分最安(個人の観測範囲) • 1年目だけ安いとかは別 • その分2年目以降高くなるとかは無い • 調整費とか無いし! • DNSもついてくる • jpドメインは対象外(今も fl • Google Domains売却での引っ越し先として利用開始

11.

あれ? CDN使えてる…

12.

きゃー! 気がつかずに有効化した? お金払っちゃう!

13.

そんなことなかった

14.

どうせならがっつり使おう • デフォルト設定ではいわゆる静的ファイルのキャッシュ • やりたいこと • ユーザー閲覧のHTMLもキャッシュしたい • ユーザーログインしてあれこれは無いフツーのブログ • 当然管理画面はキャッシュしない • キャッシュのパージは手動でもすぐできるように

16.

https://ja.wordpress.org/plugins/cloudflare/

17.

所感 • キャッシュプラグイン必要なくなった • 難易度もCDNの設定はキャッシュプラグインと大差ないのでは? • 外すのも早い • 「開発モード」を有効にすれば全てバイパス • パージも早い • ドメイン管理(DNS)とセットで効いてる面もあるかも? • GitHub Pagesでも設定可能

18.

まとめ • 結果、キャッシュ効いた状態でLCP300ms未満とかに • おすすめはドメイン管理から • jpドメイン以外なら一択ぐらいに思ってます • 利用開始から1年経過して不満なし

19.

ありがとうございました