Upgrade to Pro — share decks privately, control downloads, hide ads and more …

さくらの夕べ コンテンツブースト機能概要/howtousecontentboost

GENKI TANIGUCHI
September 30, 2020
12k

さくらの夕べ コンテンツブースト機能概要/howtousecontentboost

2020年9月30日に開かれたさくらの夕べ コンテンツブーストナイトの資料です。さくらのレンタルサーバで使える「コンテンツブースト」(CDN簡単連携機能)の概要をご紹介しました。YouTubeアーカイブとあわせてどうぞ。
https://www.youtube.com/watch?v=MjkC7B61Ec0

GENKI TANIGUCHI

September 30, 2020
Tweet

More Decks by GENKI TANIGUCHI

Transcript

  1. © SAKURA internet Inc. 2 自己紹介 谷口元紀(たにぐちげんき)  2016年さくらインターネット入社 

    Webディレクターとして事業会社、制作会社等で勤務  レンタルサーバ/ドメイン/SSL/CDNのサービス企画を担当
  2. © SAKURA internet Inc. 3 お品書き  Webページの表示高速化トピックス  サーバー負荷分散/負荷軽減トピックス

     コンテンツブースト機能のご紹介  設定デモ 以上15~20分程度の予定
  3. © SAKURA internet Inc. 5 Webページ表示の高速化メリット  エンドユーザの離脱を防ぐ  コンバージョン率を高める

     ユーザビリティが向上する  Google検索順位の評価要素となる→Core Web Vitals向上
  4. © SAKURA internet Inc. 6 Core Web Vitalsとは?  PageSpeed

    Insightsなどで計測される様々な値をまとめて  Largest Contentful Paint(LCP)  First Input Delay(FID)  Cumlative Layout Shift(CLS)  の3つを策定。Chromeプラグインを入れると↓な感じに表示
  5. © SAKURA internet Inc. 7 Web vitalsにサーバーの速さも関係ある?  LCPにおいてサーバー応答も影響あると考えられます。 

    ざっくり言うとLCPはファーストビューにあるデカい画像が表 示されるまでの時間なので、画像容量やJS、CSSによるロード の遅延なども影響するため一概にサーバー応答によるものだけ ではありません。 https://web.dev/lcp/ より
  6. © SAKURA internet Inc. 8 PSIはサーバーベンチマークツールではない  PageSpeed Insightsのスコアはサーバースペックだけに依存し ない

     サーバーを乗り換えればスコアが必ず上がるわけではない  Webサイトの問題の原因を切り分けて対処する必要があり、そ の切り分けを助けてくれるのがPSI
  7. © SAKURA internet Inc. 15 CDN、使ってますか?  負荷分散にはContent Delivery Networkは選択肢の一つ

     負荷急増時でも適切に設定されていればサイトが表示可能  自治体HPでも利用が推奨されるなど、利用が拡大しています POINT 10年に1回の海外旅行のために大きなスーツケースを買うのは非効率。 レンタルで済ました方が安いのに似てます!
  8. © SAKURA internet Inc. 16 CDNでなぜ負荷分散&高速化できるの? CDN CDN レンタル サーバ

    初回アクセス時、CDNを使っていてもレンタルサーバ(オリジンと 言います)までアクセスされるのでCDNの効果はありません。
  9. © SAKURA internet Inc. 17 CDNでなぜ負荷分散&高速化できるの? CDN CDN レンタル サーバ

    2回目以降、キャッシュ時間が切れるまではCDNのサーバで代理応答。 PHPやデータベース処理がボトルネックにならない! レンタルサーバの転送容量もカウントされません!
  10. © SAKURA internet Inc. 19 お客様の業種など  天気予報  ホテル

     学校等の教育機関  イベントの集客サイト  CM露出等のある食品  オウンドメディア  ECサイト  生配信サイト  YouTubeに置けない動画配信  普通のコーポレートサイト
  11. © SAKURA internet Inc. 20 ここがすごいぞ!CDN  そもそもレンタルサーバではない  高価なレンタルサーバでも限界は訪れます

     広帯域回線に接続しているCDNの限界値は遥かに高い  応答がめちゃくちゃ速い  PHP/DBの処理がないので1桁~10ms台でHTMLの応答ができます  キャッシュなので元ページがどんなに重くても高速応答します ※物理的に大容量の場合を除く  なにせ休日夜間などにダウンしたサイトの対応をしなくてもよ いのが最高!と制作会社さまより高評価です。
  12. © SAKURA internet Inc. 21 ここは気をつけよう!CDN  管理画面などはキャッシュできないので速くならない  キャッシュしてはいけない情報に注意

     個人情報など  課金が青天井のものが多い ※定額のサービスもあります  アクセス数が少なすぎると効果が薄くなる
  13. © SAKURA internet Inc. 22 なぜ今CDNなのか?  コスト削減(これは昔から) →ピークトラフィックに合わせてサーバ設計するのが大変 

    SNS等のプッシュ通知による同報機能の普及や拡散 →メールと違い一気に届くのでアクセスも一気に増える  災害、異常気象の増加 →主に自治体系  画像のリッチ化による転送容量超過回避 →高精細ディスプレイの普及による画像容量の肥大
  14. © SAKURA internet Inc. 27 簡単設定の威力 ウェブアクセラレータ× レンタルサーバの設定マ ニュアル コンテンツブーストの設

    定マニュアル ※実際にはプランごとの解説が1ページに まとまってるのでこれぐらいの気持ち
  15. © SAKURA internet Inc. 28 簡単設定の威力  ウェブアクセラレータ×レンタルサーバの設定箇所  ウェブアクセラレータコンパネ

     クラウドDNSコンパネ  ドメインコンパネ  レンタルサーバコンパネ  コンテンツブーストの設定箇所  レンタルサーバコンパネだけ!
  16. © SAKURA internet Inc. 29 ご利用条件  ドメインに制限あり  www.example.com

    みたいにwwwがないといけない →弊社DNSの仕様上の制限なので、どうしても example.com のURL を変更したくない場合はさくらのクラウドDNS+さくらのCDN ウェブ アクセラレータをご利用ください。 変更できる場合は www.example.com へ変更してからコントロール パネルでリダイレクトを設定できます。 ※WordPress等のサイトURL変更などはサポート対象外となります。  さくらのDNSを使っている必要あり(外部DNS非対応)