あなたのモバイルページは
23点で「低速」です。
Google PageSpeed Insightsより
「ONIMARU」の最適化で
あなたのモバイルページは
スコアが126%向上
転送量は58%削減しました。
Google PageSpeed Insightsより
ONIMARUでは対象サイトのコピーを作成し、AIによる全自動の最適化を実施しています。
最適化サイトは対象サイトと異なるドメインで作成されるため、ドメインに依存する項目などが正常に表示されなかったり、一部のリソースが取得できず、表示が崩れることがあります。
また、対象サイトがCDNなどのキャッシュを利用していたり、ONIMARUのサーバの負荷が一時的に高まった場合などは、パフォーマンスにかかわるスコアが向上しないこともあります。
KUSANAGI Premium Editionのデベロッパーライセンスを利用すると事前に無料で効果を試したり、AIの最適化戦略のカスタマイズを試すことができます。
Core Web Vitals
対象サイト「https://gigazine.net/」の'2024年11月11日'から'2024年12月08日'までのcore web vitalsの評価はLargest Contentful Paintが1.2秒で合格、Cumulative Layout Shiftが0.02で合格、総合評価は合格です。
ウェブに関する主な指標の評価: 合格
Largest Contentful Paint(LCP)
指標の評価 : 合格
First Input Delay
該当なしCumulative Layout Shift(CLS)
指標の評価 : 合格
Core Web Vitals Before after
対象となるページのCore Web Vitalsに関する指標の最適化サイトとの比較
Largest Contentful Paint
Largest Contentful Paint
Before |
7.1 s
|
After |
5.2 s
|
Total Blocking Time
Total Blocking Time
Before |
1,560 ms
|
After |
510 ms
|
Cumulative Layout Shift
Cumulative Layout Shift
Before |
0.771
|
After |
0.481
|
First Input Delayの評価には実際のユーザーのアクセスが必要となるため、相関性が高いTotal Blocking Time (合計ブロック時間、TBT)を指標としています。
パフォーマンス
Performance Before After
First Contentful Paint
First Contentful Paint
Before |
2.0 s
|
After |
2.4 s
|
Speed Index
Speed Index
Before |
7.5 s
|
After |
4.4 s
|
サーバ応答時間
対象サイトのサーバーの応答時間は178ミリ秒でした。
サーバの応答時間は200ミリ秒以下にすることが推奨されています。
Time To First Byte Before After
Time To First Byte
Before |
178ms |
After |
286ms |
以下のグラフは日本の約29万のWordPressサイトのサーバー応答時間を調査した結果の分布です。とくにWordPressサイトでTTFBが2秒以上の場合、サーバの速度やアプリケーションの処理に何らかの問題がある可能性があります。
# |
転送量 |
リクエスト数 |
オリジナルのサイト |
2.445MB
|
174
|
最適化済みサイト |
1.019MB(
-1.426MB)
|
69(
-105)
|
Googleの推奨する目標値の「リクエスト数80回未満、ページ容量1MB未満」に近づけましょう。
WEXAL® Page Speed Technology®のリソースの最適化は
- HTML/JS/CSSから不要なコードを取り除く
- HTML/JS/CSSの圧縮
- 画像の圧縮や減色
- 画像の次世代フォーマット変換
などを全自動で適用します。オリジナルのファイルはそのまま保持するのでいつでもオリジナルの状態に戻すことができます。
→
WEXAL®の導入を試す
→
WEXAL®の導入について無料で相談する.
重要指標のバランスから課題を探す
右側の速度の指標が低い場合はサーバに、左側のレンダリングの指標が低い場合には画像などのリソースやレンダリングに課題が多くある可能性があります。
主要な改善項目と改善結果
「PageSpeed Inshighs」の「改善できる項目」の中から「ONIMARU」での改善効果の高かった項目をピックアップしました。この結果を参考に改善効果が高いものから対応していくと良いでしょう。
# |
オリジナルのサイト(短縮できる時間) |
高速化済サイト(短縮できる時間) |
適切なサイズの画像 |
3.150s
|
0.150s
2000 % 改善 |
次世代フォーマットでの画像の配信 |
3.150s
|
0.150s
2000 % 改善 |
使用していない JavaScript の削除 |
3.480s
|
0.750s
364 % 改善 |
改善項目としてあげられることが多い項目に対する対策をまとめました。軽量化することとファーストビューの表示に必要ないものを遅延読み込みさせることが高速化のコツです。
世代フォーマットでの画像の配信
画像をWebPに代表される次世代フォーマットに変換して軽量化します。ブラウザによって対応しているフォーマットが異なるので適切に出し分けをする必要があります。
適切なサイズの画像
サムネイル画像などをCSSで縮小して表示していたりしませんか?適切なサイズで画像を配信して読み込み時間とデータ量を削減します。
オフスクリーン画像の遅延読み込み
ファーストビューで表示されない画像は遅延読み込みさせます。
レンダリングを妨げるリソースの除外
ファーストビューの表示に必要のないCSS、JavaScriptは遅延読み込みさせましょう。
高速化はAIにおまかせ!
改善項目に挙げられるような対策を常にすべてのページに対して行い続けるのはとても大変です。
Web高速化エンジン「WEXAL® Page Speed Technology」と戦略AI 「David」は自動でそれぞれのページに最適な高速化を行うので、コンテンツや施策などに集中できるようになります。
WEXALについて
コアウェブバイタル(Core Web Vitals)に注目
2021年6月からコアウェブバイタル(Core Web Vitals)が検索のランキングの指標に加わりました。
コアウェブバイタル(Core Web Vitals)はWebのユーザー体験に関する指標でもあるため、対応することはユーザー体験の向上につながり、ユーザー体験の向上はPVや回遊率などのコンバージョンの向上につながります。
そのため、特にメディアや広告で収益をあげているようなサイトにとって「収益に直結する」重要な変化として注目されているのです。