このサイトは月額5ドルのVPN(Linode)でホストしていて、それをCloudflareでキャッシュし、速度向上をしているのですが、元のスペックがしょぼいので重いです。あと「Bedrock」っていうテンプレートなので色々弄りまくっていて、通常のレンタルサーバーが使えません。そこで、必殺「APO」を使うことにしました。
APOとは
Automatic Platform Optimizationの略です。
https://blog.cloudflare.com/ja-jp/automatic-platform-optimizations-starting-with-wordpress-ja-jp/
詳しくは上記の記事をご覧ください。
APOが有効になると、オリジンへのすべての通信が不要になります。TTFBは大きな恩恵を受けます。最初のホップがCloudflareのネットワーク上で開始／終了するためです。これは、ブラウザがWebページの取得と描画の作業をより早く開始することを意味します。つまり、描画の機会が早期に発生します。最後に、サードパーティのフォントをキャッシュすることで、Cloudflareのネットワークを離れ、ユーザーにテキストを表示するための時間を延長する必要があった、追加のリクエストが削除されます。
無料プランのCloudflareユーザーは、「月額5ドル」必要です。VPSと合わせて10ドルなら、個人ブログの許容範囲かなと思いました。
導入方法
CFダッシュボードの「Speed」→「Optimization」から購入できます。
効果
条件
| 項目 | 内容 |
|---|---|
| VPSの場所 | 品川 |
| Auto Minify | 全部ON |
| Cache Level | Standard |
| Rocket Loader | OFF |
導入前
Field Data
| 項目 | 結果 |
|---|---|
| First Contentful Paint (FCP) | 1s |
| Largest Contentful Paint (LCP) | 1s |
| Cumulative Layout Shift (CLS) | 0s |
Lab Data
| 項目 | 結果 | 説明 |
|---|---|---|
| First Contentful Paint | 2.0s | First Contentful Paint marks the time at which the first text or image is painted. |
| Time to Interactive | 9.8s | Time to interactive is the amount of time it takes for the page to become fully interactive. |
| Speed Index | 3.1s | Speed Index shows how quickly the contents of a page are visibly populated. |
| Total Blocking Time | 1950ms | Sum of all time periods between FCP and Time to Interactive, when task length exceeded 50ms, expressed in milliseconds. |
| Largest Contentful Paint | 2.6s | Largest Contentful Paint marks the time at which the largest text or image is painted. |
導入後
| 項目 | 数値 | 変化 |
|---|---|---|
| First Contentful Paint (FCP) | 1s | ±0 |
| Largest Contentful Paint (LCP) | 1s | ±0 |
| Cumulative Layout Shift (CLS) | 0s | ±0 |
| 項目 | 数値 | 変化 | 説明 |
|---|---|---|---|
| First Contentful Paint | 1.9s | -0.1s | First Contentful Paint marks the time at which the first text or image is painted. |
| Time to Interactive | 9.7s | -0.1s | Time to interactive is the amount of time it takes for the page to become fully interactive. |
| Speed Index | 3.3s | +0.2s | Speed Index shows how quickly the contents of a page are visibly populated. |
| Total Blocking Time | 1190ms | -760ms | Sum of all time periods between FCP and Time to Interactive, when task length exceeded 50ms, expressed in milliseconds. |
| Largest Contentful Paint | 2.7s | +0.1s | Largest Contentful Paint marks the time at which the largest text or image is painted. |
う〜ん、微妙！
コメント
記事の内容が最新のものと異なる場合があります。ご了承ください。
コメントを残す