今まで見えなかったWebのスピードと収益性の関係を明らかにするアクセス解析

# スピードアップによる収益増を見積もるには

Webサイトのスピードは速い方がよいに決まっていますし、早くなれば収益も上がるとよく見聞きします。

でもどのくらい早くすればどのくらい儲かるのか、やってみないとわからないというのが実情ではなかったでしょうか。

サイトスピードと収益性について海外の有名サイトの事例は見聞きします。でも自分のサイトについても同じ成果が期待できるかというと、なんかちょっと違う気がします。

# 無料のスピード専門アクセス解析 Speed is Money

そこで開発したサービスが、「Speed is Money」です。これはスピードと収益性の計測だけに特化したアクセス解析で、**無料でお使いいただけます。**

https://speedis.money/

タグを設置すると、Core Web Vitalsをはじめとするページスピードに関する指標を実際のユーザーから収集し、サイトスピードと収益の関係を明らかにします。

以前、次の記事を書いたところ大きな反響をいただきましたが、

https://qiita.com/miyanaga/items/1c6053be8bbaf6f2e177

この記事のようなアクセス解析を、タグひとつで簡単に実現するのが Speed is Money です。


# GAでもできるけど…

このような解析はおそらくGA4でも可能です。GA4でCore Web Vitalsも計測する方法が数多く紹介されています。

しかしトラッキングタグをカスタマイズし、BigQueryと格闘して専用のレポートを開発する必要があります。慣れた人ならよいですが、そこまでできる人は多くありません。

Speed is Moneyなら専門知識や開発は不要、タグひとつで今すぐ計測・解析ができます。


# 使い方

GoogleアカウントかGitHubアカウントでサインインできます(ポップアップが出ます)。

![signin.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35178/e91c6be5-5760-da76-204c-e9e9314c9b68.png)



Speed is Moneyでは複数のサイトの計測ができます。まずは最初のサイトを登録してください。

![new-site.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35178/1138c6d5-d182-afdd-cced-9367b9f6984c.png)

サイトを登録するとトラッキングタグが表示されます。

![tracking-code.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35178/1657efd8-d896-d84a-eb79-7c3b396e3594.png)

このタグをサイトの全ページに設置してください。

:::note info
本サービスは週25万PV(月間約100万PV)相当まで無料でお使いいただけます。
もしそれよりPVの多いサイトで試用される場合は、トラッキングタグのページにサンプリングの例を記載していますので、週25万PVに収まるように調整してみてください。
:::

## コンバージョンページの設定

次に可能であれば、注文完了などのコンバージョンページの条件を設定します。

:::note info
メディアなどコンバージョンページがない場合は無理に設定しなくても大丈夫です。コンバージョンページを設定しなくても、サイトスピードとPV数の関係は分析できます。
:::


左のメニューから**コンバージョン設定**を開き、条件を入力してください。

![conversion-page.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35178/37948a5b-c8ee-44dd-9952-ced1d7f87b4c.png)


例えば、`https://example.com/cart/complete` がコンバージョンページであれば、パスの前方一致として`/cart/complete`を指定します。

# サイトスピードと収益性について解析

ここまで設定できたらデータが集まるまでしばらく放置してください。

メニューから**動作確認**を開くと、データを収集できているか確認できます。

## サイトスピードとPV数

多くのサイトでは、一人当たりのPV数と収益に相関があります。まずはサイトスピードとPV数の関係を見てみましょう。

メニューから**スピードとPV数**を開いてください。このようなグラフが表示されます。

![speed-pv.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35178/06af4358-e605-f84a-92df-528931000b9b.png)


横軸はセッション平均読み込み時間(`OnLoad`)、縦軸はセッション数(ヒストグラム)とセッション平均PVです。このグラフを見ると次のことがわかります。

- 平均読み込み時間にはばらつきがある。
- 平均読み込み時間が短い方が平均PVが多い(離脱が少ない)。

グラフを見て違和感を感じた人もいると思います。

- 右端のセッション数が急に突き出ている。
- 平均読み込み時間が短すぎると平均PVが低い。

まずはこのグラフの見方とポイントについて解説します。

:::note info
スピードに関する指標はページ上部のプルダウンで変更できます。デフォルトの`OnLoad`か、`LCP`や`FCP`で、わかりやすい傾向を見ることができます。
:::

## みんなの体験は思っている以上にばらばら

平均読み込み時間が1秒のセッションもあれば、15秒にも及ぶセッションもあります。

**「Webサイトってみんな大体自分と同じくらいの読み込み時間で体験している」** と思いがちですが、実はユーザーそれぞれの端末やネットワーク経路の都合で、思った以上にスピードにはばらつきが出ています。

これはサイトスピードに関する認知バイアスのひとつですが、裏を返すと特に**A/Bテストをしなくても体験が早いユーザーと遅いユーザーの行動は自然実験として観察できる**ということです。

## やはり読み込みが遅いと離脱しやすい

平均読み込み時間が`0.8秒〜1.59秒`の階級では、平均PVが`8.58`ですが、遅くなるほど減少し、`7.17秒`の階級から`3`程度で横ばいになります。

読み込みが遅いとユーザーはイライラして離脱するのは経験的にも理解しやすいところですが、データの上でも真実であることが改めてわかります。

## 右端の突き出したグラフ

右端でセッション数が急に突き出しています。

これは、セッション数のヒストグラムが延々とロングテールを描くので、`15.93秒`以降のデータを切り上げているためです。数としては減っていきますが、それだけひたすら遅い体験をしている人もいるということです。

## 平均読み込み時間が短過ぎてもよくない？

逆にグラフの左側の平均PVを見ると、ピークの`8.58`より大幅に下がっています。読み込みが早過ぎても離脱が多いことには違和感があります。

これは「生存バイアス」による見かけ上の問題です。

例えば偶然、すごく早い体験をしたにも関わらず1PVで直帰したユーザーがいると、そのユーザーの平均読み込み時間はその1回の偶然の数値と同じになります。一方、比較的早い体験で数ページ回遊した人がいても、数ページ立て続けにすごくよい数値を出し続けること確率は低くなります。

![bias.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35178/851b9c6f-469d-96be-c1da-0447ad046853.png)


要は極端に短い平均値は早々に離脱しないと出せず、グラフのもっとも左には離脱組しか入れません。これが読み込み時間が早過ぎてもPV数が低くなるように見える理由で、やはり**スピードは早い方がいい**のです。

## スピードアップを実現するとPV数はどのくらい伸びるか

このように読み込み時間とPV数の傾向にひとつの実例が得られました。これを元にサイトのスピードを向上させたらどのくらいPV数が伸びるかを予想したのが、レポートページの下部です。

![estimation.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35178/cb06e6b5-2de0-4829-a7f8-9ff58defaaf5.png)


このサイトだと、**スピードを一律`20%`向上させると、PV数は`8.71%`増加する**という予測となりました。

この予測は、

1. 観測された読み込み時間と平均PVの関係をひとまず再現性のあるものとして固定
2. 計測した読み込み時間に`0.8`掛けた(20%スピード向上した)数値でヒストグラムを描き直す
3. 新たな分布に平均PVを掛け合わせる

という計算に基づいています。要は **「28日前にタイムスリップしてサイトのスピードアップしたらどうなるか」** をシミュレーションする感じです。

読み込み時間が20%改善されると、ヒストグラムは以下のグラフの緑のようになります。

![estimation-chart.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35178/776bdcb2-36f5-4c2a-e088-5fb1bec96cf6.png)

より平均PV数の多い階級のセッション数が増加し、逆に平均PV数の少ない階級のセッション数が減っています。

この移動により、全体でPV数が`8.71%`増加するというわけです。


# サイトスピードとコンバージョンの関係

コンバージョンページを設定した場合、PV数と同じ原理でサイトスピードとコンバージョンの関係も分析・予測できます。コンバージョンについては、目安として100件ほどのデータが貯まるとよいかと思います。

メニューから**スピードとCVR**を開いてください。

以下はとある通販サイトの読み込み時間とCVR(コンバージョン率)です。

![cvr.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35178/2009f96a-b28b-c080-514b-1b51d19d54db.png)

先ほどのPV数と同様に、**セッション平均読み込み時間の短いユーザーはCVRが高く、読み込み時間が遅くなるほどCVRが低下する**傾向が見られます。

平均読み込み時間`0.8秒〜1.59秒`の階級ではCVRが`2.14%`にもなりますが、8秒を超えると1/10程度に低下します。10倍も差があるなんてすごいですね。

コンバージョンの増加予測としては以下のようになりました。

![cvr-estimation.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35178/b6f41bc1-7fad-2e39-ddce-753cd95d472f.png)

20%のスピード向上で`18.67%`の売上アップという予測に！

![cvr-estimation-chart.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35178/3720afaa-ec22-a41c-72f6-5bdbc5f94e9c.png)


# スピードアップによる収益増は幻ではない

サイトのスピードアップに取り組んだサイトは少なくありません。しかし時系列による前後比較だと、果たして収益の改善がスピードアップによるものか、実感を得にくかったと思います。

しかしサイトのスピードアップは離脱を減らし、必ず機会損失を取り戻します。

ぜひ、Speed is Money でその事実と可能性を確かめてみてください。