ONIMARUでは対象サイトのコピーを作成し、AIによる全自動の最適化を実施しています。
最適化サイトは対象サイトと異なるドメインで作成されるため、ドメインに依存する項目などが正常に表示されなかったり、一部のリソースが取得できず、表示が崩れることがあります。
また、対象サイトがCDNなどのキャッシュを利用していたり、ONIMARUのサーバの負荷が一時的に高まった場合などは、パフォーマンスにかかわるスコアが向上しないこともあります。
KUSANAGI Premium Editionのデベロッパーライセンスを利用すると事前に無料で効果を試したり、AIの最適化戦略のカスタマイズを試すことができます。
Core Web Vitals
実際の速度データが十分にありませんでした。
Core Web Vitalsは28日間の実際のユーザーのアクセスによるパフォーマンスデータの統計です。そのため、対象サイトに十分なアクセスがない場合にはレポートが生成されません。
Core Web Vitals Before after
対象となるページのCore Web Vitalsに関する指標の最適化サイトとの比較
Largest Contentful Paint
Largest Contentful Paint
Before |
9.8 s
|
After |
4.2 s
|
Total Blocking Time
Total Blocking Time
Before |
310 ms
|
After |
150 ms
|
Cumulative Layout Shift
Cumulative Layout Shift
Before |
0.939
|
After |
0.538
|
First Input Delayの評価には実際のユーザーのアクセスが必要となるため、相関性が高いTotal Blocking Time (合計ブロック時間、TBT)を指標としています。
パフォーマンス
Performance Before After
First Contentful Paint
First Contentful Paint
Before |
2.4 s
|
After |
2.4 s
|
Speed Index
Speed Index
Before |
4.8 s
|
After |
7.1 s
|
サーバ応答時間
対象サイトのサーバーの応答時間は1399ミリ秒でした。
サーバの応答時間は200ミリ秒以下にすることが推奨されています。
Time To First Byte Before After
Time To First Byte
Before |
1399ミリ秒 |
After |
1438ミリ秒 |
以下のグラフは日本の約29万のWordPressサイトのサーバー応答時間を調査した結果の分布です。とくにWordPressサイトでTTFBが2秒以上の場合、サーバの速度やアプリケーションの処理に何らかの問題がある可能性があります。
# |
転送量 |
リクエスト数 |
オリジナルのサイト |
9.396MB
|
120
|
最適化済みサイト |
1.654MB(
-7.742MB)
|
45(
-75)
|
Googleの推奨する目標値の「リクエスト数80回未満、ページ容量1MB未満」に近づけましょう。
WEXAL® Page Speed Technology® resource optimization is
- HTML/JS/CSSから不要なコードを取り除く
- HTML/JS/CSSの圧縮
- 画像の圧縮や減色
- 画像の次世代フォーマット変換
などを全自動で適用します。オリジナルのファイルはそのまま保持するのでいつでもオリジナルの状態に戻すことができます。
→
WEXAL®の導入を試す
→
WEXAL®の導入について無料で相談する.WEXAL®
重要指標のバランスから課題を探す
If the speed index on the right side is low, the server may have many issues, and if the rendering index on the left side is low, the server may have many issues with resources and rendering, such as images.
主要な改善項目と改善結果
「PageSpeed Inshighs」の「改善できる項目」の中から「ONIMARU」での改善効果の高かった項目をピックアップしました。この結果を参考に改善効果が高いものから対応していくと良いでしょう。
# |
オリジナルのサイト(短縮できる時間) |
高速化済サイト(短縮できる時間) |
適切なサイズの画像 |
13.950s
|
0.300s
4550 % 改善 |
使用していない JavaScript の削除 |
1.200s
|
0.150s
700 % 改善 |
使用していない CSS を削除してください |
1.350s
|
0.300s
350 % 改善 |
改善項目としてあげられることが多い項目に対する対策をまとめました。軽量化することとファーストビューの表示に必要ないものを遅延読み込みさせることが高速化のコツです。
世代フォーマットでの画像の配信
画像を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や回遊率などのコンバージョンの向上につながります。
そのため、特にメディアや広告で収益をあげているようなサイトにとって「収益に直結する」重要な変化として注目されているのです。
