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

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

GENKI TANIGUCHI
September 30, 2020
9.4k

さくらの夕べ コンテンツブースト機能概要/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.
    さくらの夕べ
    コンテンツブーストナイト
    クラウド事業本部インターネットサービス部
    谷口元紀

    View Slide

  2. © SAKURA internet Inc.
    2
    自己紹介 谷口元紀(たにぐちげんき)
     2016年さくらインターネット入社
     Webディレクターとして事業会社、制作会社等で勤務
     レンタルサーバ/ドメイン/SSL/CDNのサービス企画を担当

    View Slide

  3. © SAKURA internet Inc.
    3
    お品書き
     Webページの表示高速化トピックス
     サーバー負荷分散/負荷軽減トピックス
     コンテンツブースト機能のご紹介
     設定デモ
    以上15~20分程度の予定

    View Slide

  4. © SAKURA internet Inc.
    Webページ表示の高速化トピックス

    View Slide

  5. © SAKURA internet Inc.
    5
    Webページ表示の高速化メリット
     エンドユーザの離脱を防ぐ
     コンバージョン率を高める
     ユーザビリティが向上する
     Google検索順位の評価要素となる→Core Web Vitals向上

    View Slide

  6. © SAKURA internet Inc.
    6
    Core Web Vitalsとは?
     PageSpeed Insightsなどで計測される様々な値をまとめて
     Largest Contentful Paint(LCP)
     First Input Delay(FID)
     Cumlative Layout Shift(CLS)
     の3つを策定。Chromeプラグインを入れると↓な感じに表示

    View Slide

  7. © SAKURA internet Inc.
    7
    Web vitalsにサーバーの速さも関係ある?
     LCPにおいてサーバー応答も影響あると考えられます。
     ざっくり言うとLCPはファーストビューにあるデカい画像が表
    示されるまでの時間なので、画像容量やJS、CSSによるロード
    の遅延なども影響するため一概にサーバー応答によるものだけ
    ではありません。
    https://web.dev/lcp/ より

    View Slide

  8. © SAKURA internet Inc.
    8
    PSIはサーバーベンチマークツールではない
     PageSpeed Insightsのスコアはサーバースペックだけに依存し
    ない
     サーバーを乗り換えればスコアが必ず上がるわけではない
     Webサイトの問題の原因を切り分けて対処する必要があり、そ
    の切り分けを助けてくれるのがPSI

    View Slide

  9. © SAKURA internet Inc.
    負荷分散/軽減のトピックス

    View Slide

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

    View Slide

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

    View Slide

  12. © SAKURA internet Inc.
    17
    CDNでなぜ負荷分散&高速化できるの?
    CDN
    CDN
    レンタル
    サーバ
    2回目以降、キャッシュ時間が切れるまではCDNのサーバで代理応答。
    PHPやデータベース処理がボトルネックにならない!
    レンタルサーバの転送容量もカウントされません!

    View Slide

  13. © SAKURA internet Inc.
    18
    さくらのクラウド ウェブアクセラレータ
     さくらのクラウドでもCDN「ウェブアクセラレータ」が利用で
    きます。クラウドアカウントがあれば誰でもOK!
     様々な業種で利用が加速しています!

    View Slide

  14. © SAKURA internet Inc.
    19
    お客様の業種など
     天気予報
     ホテル
     学校等の教育機関
     イベントの集客サイト
     CM露出等のある食品
     オウンドメディア
     ECサイト
     生配信サイト
     YouTubeに置けない動画配信
     普通のコーポレートサイト

    View Slide

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

    View Slide

  16. © SAKURA internet Inc.
    21
    ここは気をつけよう!CDN
     管理画面などはキャッシュできないので速くならない
     キャッシュしてはいけない情報に注意
     個人情報など
     課金が青天井のものが多い
    ※定額のサービスもあります
     アクセス数が少なすぎると効果が薄くなる

    View Slide

  17. © SAKURA internet Inc.
    22
    なぜ今CDNなのか?
     コスト削減(これは昔から)
    →ピークトラフィックに合わせてサーバ設計するのが大変
     SNS等のプッシュ通知による同報機能の普及や拡散
    →メールと違い一気に届くのでアクセスも一気に増える
     災害、異常気象の増加
    →主に自治体系
     画像のリッチ化による転送容量超過回避
    →高精細ディスプレイの普及による画像容量の肥大

    View Slide

  18. © SAKURA internet Inc.
    レンタルサーバの限界を突破する
    コンテンツブースト機能とは!

    View Slide

  19. © SAKURA internet Inc.
    24
    コンテンツブースト機能概要1
     さくらのクラウド で提供するCDN「ウェブアクセラレータ」を
    さくらのレンタルサーバと簡単連携できる機能
     レンサバの限界を超えられます

    View Slide

  20. © SAKURA internet Inc.
    25
    コンテンツブースト機能概要2
     数クリックでCDNが設定でき、DNS設定不要
     ライト・スタンダードは月1,100円、プレミアム以上は月間
    100GBまで無料。 100GBを超える場合は5円/1GB(税込)
    1,100円分の機能が無料!

    View Slide

  21. © SAKURA internet Inc.
    26
    ここがすごいぞ!コンテンツブースト
     課金上限が設定でき、設定を超過すると自動的にレンタルサー
    バ配信に戻る。予算固定したい人にピッタリ!
     翌月になるとまた自動的にコンテンツブースト利用状態になる
     とにかく設定が簡単である

    View Slide

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

    View Slide

  23. © SAKURA internet Inc.
    28
    簡単設定の威力
     ウェブアクセラレータ×レンタルサーバの設定箇所
     ウェブアクセラレータコンパネ
     クラウドDNSコンパネ
     ドメインコンパネ
     レンタルサーバコンパネ
     コンテンツブーストの設定箇所
     レンタルサーバコンパネだけ!

    View Slide

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

    View Slide

  25. © SAKURA internet Inc.
    実際に設定してみよう!
    コンテンツブースト設定デモ

    View Slide

  26. © SAKURA internet Inc.
    31
    デモのまとめ
     設定後はキャッシュ状態を確認する
     キャッシュしたくないURLは事前に登録しておく
     HTML+その他リソース(画像、JS、CSS等)のキャッシュが
    最強

    View Slide

  27. © SAKURA internet Inc.
    ありがとうございました

    View Slide