Core Web Vitals
実際の速度データが十分にありませんでした。
Core Web Vitals Before after
対象となるページのCore Web Vitalsに関する指標の最適化サイトとの比較
Largest Contentful Paint
| Before | 13.4 s |
|---|---|
| After | 4.4 s |
Total Blocking Time
| Before | 230 ms |
|---|---|
| After | 580 ms |
Cumulative Layout Shift
| Before | 0 |
|---|---|
| After | 0 |
Webサイトの高速化を無料で診断
あなたのWebサイトを最速な状態へ。
あなたのモバイルページは
60点で「平均」です。
Google PageSpeed Insightsより
「ONIMARU」の最適化で
あなたのモバイルページは
スコアが2%向上
表示速度(First Contentful Paint)が3%向上
転送量は87%削減しました。
Google PageSpeed Insightsより
実際の速度データが十分にありませんでした。
対象となるページのCore Web Vitalsに関する指標の最適化サイトとの比較
| Before | 13.4 s |
|---|---|
| After | 4.4 s |
| Before | 230 ms |
|---|---|
| After | 580 ms |
| Before | 0 |
|---|---|
| After | 0 |
| Before | 2.1 s |
|---|---|
| After | 2.1 s |
| Before | 7.6 s |
|---|---|
| After | 7.0 s |
対象サイトのサーバーの応答時間は630ミリ秒でした。
サーバの応答時間は200ミリ秒以下にすることが推奨されています。| Before | 630ms |
|---|---|
| After | 613ms |
以下のグラフは日本の約29万のWordPressサイトのサーバー応答時間を調査した結果の分布です。とくにWordPressサイトでTTFBが2秒以上の場合、サーバの速度やアプリケーションの処理に何らかの問題がある可能性があります。
| # | 転送量 | リクエスト数 |
|---|---|---|
| オリジナルのサイト |
3.179MB
|
51
|
| 最適化済みサイト |
0.417MB(
-2.762MB)
|
23(
-28)
|
「PageSpeed Inshighs」の「改善できる項目」の中から「ONIMARU」での改善効果の高かった項目をピックアップしました。この結果を参考に改善効果が高いものから対応していくと良いでしょう。
| # | オリジナルのサイト(短縮できる時間) | 高速化済サイト(短縮できる時間) |
|---|---|---|
| 次世代フォーマットでの画像の配信 | 7.050s |
0.300s 2250 % 改善 |
| 適切なサイズの画像 | 1.950s |
0.150s 1200 % 改善 |
| レンダリングを妨げるリソースの除外 | 1.182s |
1.084s 9 % 改善 |
改善項目としてあげられることが多い項目に対する対策をまとめました。軽量化することとファーストビューの表示に必要ないものを遅延読み込みさせることが高速化のコツです。
画像をWebPに代表される次世代フォーマットに変換して軽量化します。ブラウザによって対応しているフォーマットが異なるので適切に出し分けをする必要があります。
サムネイル画像などをCSSで縮小して表示していたりしませんか?適切なサイズで画像を配信して読み込み時間とデータ量を削減します。
ファーストビューで表示されない画像は遅延読み込みさせます。
ファーストビューの表示に必要のないCSS、JavaScriptは遅延読み込みさせましょう。
改善項目に挙げられるような対策を常にすべてのページに対して行い続けるのはとても大変です。
Web高速化エンジン「WEXAL® Page Speed Technology」と戦略AI 「David」は自動でそれぞれのページに最適な高速化を行うので、コンテンツや施策などに集中できるようになります。
WEXAL® の導入についてのご相談は無料で承っております。
導入について無料で相談する個人、検証でのご利用は無料。
「WEXAL®」を無料で試してみる