さくらインターネットのコンテンツブーストの設定方法。(数ステップで。)|デザイナー、コーチ、ディレクターズメモ|井川igawa.

Memo

さくらインターネットのコンテンツブーストの設定方法。(数ステップで。)

さくらインターネットのコンテンツブースト。

さくらインターネットのコンテンツブーストの設定方法。(数ステップで。)

さくらインターネットでWordPressを使う場合の問題点。

さくらインターネットでWordPressを使用する場合、残念ながら速度が遅い。サーバーを移転すれば解決するのだが、さくらインターネットに愛着があるユーザーとしては非常に悩ましい問題だ。

例えば当サイトはデザインのポートフォリオサイトなので、そもそも画像が多い。画像が多いとサイトの読み込み速度に影響するが、すでにWebPに変換しており、loading属性のlazy指定やhead内でのpreload、.htaccessの設定などでだいぶ軽量化された状態だった。

実際に数か月前まではGoogleのPageSpeed Insightsのスコアはスマホでも80前後だったが、いまでは60を切ることが多々ある。

PageSpeed Insightsの結果。

PageSpeed Insightsの結果。Speed IndexやFCP、LCP。

数ヶ月前との違いとしては、GA4の設置と多少のアクセス数の増加くらい。プランは比較的スペックの高いビジネスプランであり、この程度(月間数千PV)のアクセス数が問題になるとは思えない。

他サーバーでのスコアは変わっていないので、PageSpeed Insightsの測定の問題でもないだろう。

パソコンでは80オーバーなので特に気にならないが、最近できた「“ウェブに関する主な指標の評価」という項目で、「不合格」という結果になっているのがちょっと謎だ。

Speed IndexやFirst Contentful Paint(FCP)、Largest Contentful Paint(LCP)が問題となっており、LCPというのはGoogle Search Consoleのヘルプによると、「ユーザーが URL をリクエストしてから、ビューポートに表示される最大のコンテンツ要素がレンダリングされるまでの時間。」らしい。

要するにファーストビューの読み込みが遅いということだろうが、当サイトのファーストビュー領域は上記スクショの通り全画面表示(横100%、縦100vh)の指定をしており、その中にはほとんど画像がない。小さなSVGアイコンとWebPの背景画像くらいしかない。

コンテンツブーストとは?

なんとか改善させたいので、コンテンツブーストの設定をしてみることにした。

コンテンツブーストとは、さくらインターネットのサイトによると、「サイトを高速・安定化し、Webページへの快適なアクセスを実現します。表示速度の高速化だけでなく、大量アクセスによりWebサイトが表示されないといった問題も解決。」するそうだ。転送量が月100GB→300GBとなったとの記載もある。

引用元サイト: コンテンツブースト – レンタルサーバーはさくらインターネット

コンテンツブーストはプレミアムプラン以上であれば無料で利用が可能。手順としては以下の通りで行った。

コントロールパネルへログイン。

さくらインターネットのコントロールパネルにログインし、「Webサイト/データ」 > 「コンテンツブースト」へ進む。

さくらインターネットのコントロールパネル。

ドメインの追加。

右下の方にある、「ドメインを追加」をクリック。

さくらインターネットのコントロールパネル。

追加したいドメイン名を選択。

wwwなしの場合は選択不可だった。なので、wwwありのドメインを選択。

さくらインターネットのコントロールパネル。

設定完了。

コンテンツブーストの画面の「ドメイン設定」に、追加したドメイン名が表示される。設定は以上で完了。

さくらインターネットのコントロールパネル。

以上、参考になれば幸いです。


疲れた時は、栄養を。
ポスト投函で届く、人気のブドウ糖です。
砂糖の代わりにコーヒーや紅茶などに。

Webデザインは実務数年、職業訓練校講師数年、フリーランス数年、計15年以上のキャリアがありますが、一気にがぁっと書いています。(元々はメモ書きでしたので順次見直し、更新しています。) 事実や経験、調査や検証を基にしていますが、万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ訂正いたします。 写真や動画はフリー素材、購入素材、もしくは自前のものを使用しております。

井川 宜久 | Norihisa Igawa
デザイナー、ディレクター、講師、コーチ / 井川宜久

お問い合わせ CONTACT..

    Name(required)お名前 (必須)
    Furigana(required)ふりがな (必須)
    Email(required)メールアドレス (必須)
    Phone Number(required)電話番号 (必須)
    Message(required)ご質問・ご要望 (必須)


    免責事項について

    • 事実や経験、調査や検証を基にしていますが、私はただの人間です。万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ訂正いたします。
    • 万一損害・トラブル等が発生した場合でも、一切の責任を負いかねます。