あなたのモバイルページは
78点で「平均的」です。
Google PageSpeed Insightsより
Web高速化エンジン「WEXAL® Page Speed Technology」と 戦略AI 「David」による最適化で
あなたのモバイルページは
スコアが12%向上
表示速度(First Contentful Paint)が20%向上
転送量は1%削減
しました。
Google PageSpeed Insightsより
改善項目に対する対策
改善項目としてあげられることが多い項目に対する対策をまとめました。軽量化することとファーストビューの表示に必要ないものを遅延読み込みさせることが高速化のコツです。
世代フォーマットでの画像の配信
画像をWebPに代表される次世代フォーマットに変換して軽量化しましょう。ブラウザによって対応しているフォーマットが異なるので適切に出し分けをする必要があります。
適切なサイズの画像
サムネイルなど、大きな画像をCSSで縮小して表示していたりしませんか?適切なサイズで画像を配信して読み込み時間とデータ量を削減しましょう。
オフスクリーン画像の遅延読み込み
ファーストビューで表示されない画像は遅延読み込みしましょう。
効率的な画像フォーマット
画像の性質にあわせて適切なフォーマットを選択しましょう。
レンダリングを妨げるリソースの除外
ファーストビューの表示に必要のないCSS、JavaScriptは遅延読み込みさせましょう。
使用していない CSS を削除してください/JavaScript の削除
CSSやJavaScriptをどのページでも同じように読み込んでいませんか?必要なファイルだけを読み込む、使われていないルールを削除する、などしてデータ量を削減しましょう。
高速化はAIにおまかせ!
改善項目に挙げられるような対策を常にすべてのページに対して行い続けるのはとても大変です。
表示の高速化はAIに任せてコンテンツの作成に集中しませんか。
Web高速化エンジン「WEXAL® Page Speed Technology」と 戦略AI 「David」は自動でそれぞれのページに最適な高速化を行います。
Google PageSpeed Inshighs改善レポート
Google PageSpeed Inshighs スコアとラボデータの改善レポートです。
Before
現サイト
First Contentful Paint |
3.8 秒 |
Speed Index |
3.8 秒 |
Largest Contentful Paint |
3.8 秒 |
Time to Interactive |
4.3 秒 |
Total Blocking Time |
160 ミリ秒 |
Cumulative Layout Shift |
0 |
After
高速化済みサイト
First Contentful Paint |
3.0 秒
(-0.8秒)
|
Speed Index |
3.0 秒
(-0.8秒)
|
Largest Contentful Paint |
3.0 秒
(-0.8秒)
|
Time to Interactive |
3.6 秒
(-0.7秒)
|
Total Blocking Time |
240 ミリ秒
(83ミリ秒)
|
Cumulative Layout Shift |
0
(0.000)
|
※ドメインに依存する項目は正常に表示されないことがあります
コンバージョンシミュレーション※
- 売上が8% UP
- ページビューが8.8% UP
- コンバージョンが5.6% UP
※表示速度をFirst Contentful Paintの数値として以下のデータをもとに算出しています。効果を保証するものではありません。
- 表示速度が0.1秒遅くなると売上が1%減少する。(Amazon)
- 1秒遅くなるとページビューが11%下がる。
- カスタマー満足度が16%下がる。
- コンバージョン率が7%下がる。(Aberdeen Group)
Google PageSpeed Inshighsではどこに注目する?
2021年からランキングの要因となる「Core Web Vitals(コア ウェブバイタル)」に注目しましょう。
速度の指標:LCP(Largest Contentful Paint)
ユーザーがページで最も有意義なコンテンツをどのくらい速く見ることができるかを測定します。画像だけではなく段落(文章)も対象となります。このページがユーザーにとって「有意義」であることを最速で伝えましょう。
応答性の指標:FID(First Input Delay)
ユーザーが最初にページを操作できるまでの時間です。ユーザーが次のアクションにスムーズに移れるようにしましょう。操作ができなければユーザーは立ち去ってしまうでしょう。
視覚的安定性の指標:CLS(Cumulative Layout Shift)
レイアウトのずれの量です。ボタンを押そうとしたら後から読み込まれたコンテンツのせいで違うリンクをクリックしてしまった、ということはありませんか?ユーザーを結果的に騙すような動きは減点対象となります。
指標が変わっても安心
Googleの指標も世の中の動きに合わせて変わっていきます。そのたびにサイトを修正するのは大変です。
表示の高速化はAIに任せてコンテンツの作成に集中しませんか。
戦略AI 「David」は常に進化して新しい指標にも対応します。
ウェブページの読み込みを高速化するために何をすればいいのでしょうか。ウェブページの高速化では、以下の 3 つの要素が重要となります。
- 表示にかかる時間(目標は 3 秒未満)
- リクエスト数(目標は 80 回未満)
- ページ容量(目標は 1MB 未満)
軽量化の指標 データ量とリクエスト数
リクエスト数やページの容量も高速化の重要な指標です。目標値であるリクエスト数80回未満、ページ容量1MB未満に近づけましょう。
# |
DomContentLoaded |
転送量 |
リクエスト数 |
現サイト |
0.846秒 |
0.235MB |
14 |
高速化済みサイト |
0.848秒(0.002秒) |
0.232MB(-0.002MB) |
13(-1) |
あなたのサイトに合わせた高速化をご提案
他のページがどうなるかみてみたい、アクセス集中時に表示が遅くなる、など高速化のお悩みをお気軽にご相談ください。
サイトの種類や状態によって高速化の手法は少しづつ異なります。
あなたのサイトに合わせた高速化ソリューションをご提案します。