NAPOAN.COM by マイクラ思考 
/ UPDATE :

サイト高速化のため、CloudflareのAPOを導入しました

このサイトは月額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 LevelStandard
Rocket LoaderOFF

導入前

導入前

Field Data

項目結果
First Contentful Paint (FCP)1s
Largest Contentful Paint (LCP)1s
Cumulative Layout Shift (CLS)0s

Lab Data

項目結果説明
First Contentful Paint2.0sFirst Contentful Paint marks the time at which the first text or image is painted.
Time to Interactive9.8sTime to interactive is the amount of time it takes for the page to become fully interactive.
Speed Index3.1sSpeed Index shows how quickly the contents of a page are visibly populated.
Total Blocking Time1950msSum of all time periods between FCP and Time to Interactive, when task length exceeded 50ms, expressed in milliseconds.
Largest Contentful Paint2.6sLargest 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 Paint1.9s-0.1sFirst Contentful Paint marks the time at which the first text or image is painted.
Time to Interactive9.7s-0.1sTime to interactive is the amount of time it takes for the page to become fully interactive.
Speed Index3.3s+0.2sSpeed Index shows how quickly the contents of a page are visibly populated.
Total Blocking Time1190ms-760msSum of all time periods between FCP and Time to Interactive, when task length exceeded 50ms, expressed in milliseconds.
Largest Contentful Paint2.7s+0.1sLargest Contentful Paint marks the time at which the largest text or image is painted.

う〜ん、微妙!

Tweet

コメント

記事の内容が最新のものと異なる場合があります。ご了承ください。

コメントを残す

メールアドレスが公開されることはありません。