ページスピード・タイムログのグラフ表示アドオンについて

サイトに訪問したすべてのアクセスの表示速度を記録するプログラム「ページスピード・タイムログ」には「グラフ表示アドオン」を追加することができます。

このアドオンを追加すると管理画面上に円グラフが表示され、「0秒～1秒」「1秒～2秒」など割合をパーセンテージで確認することができるようになります。

現在の最新バージョンは2023年4月7日公開の1.0です。
参考ページ：プログラムをアップデートするの際の思想について

各バージョンごとのアップデート内容については、このページ最下部の「アップデート履歴」に記載してあります。

機能の解説

この「グラフ表示アドオン」を追加すると、管理画面の表示は以下のようになります。
このように「全アクセス」「初回アクセスのみ」のそれぞれが円グラフで表示されます。

上の画像では「2022年12月」を表示させていますので、その期間の円グラフになります。
もし日別表示に切り替えた場合は、その日の分だけの円グラフが表示されます。

もしサイトの表示速度を速くするための作業をした場合は、その日以前・その日以後のパーセンテージの違いを比べると効果をハッキリと確認できるでしょう。

「絞り込みアドオン」と併用した場合

「絞り込みアドオン」を併用すると、円グラフの表示は以下のようになります。

なぜ右の円グラフはグレーになっているかというと、絞り込みアドオンによって追加されている設定(上画像の左下にある「一覧表の表示設定」の部分)が「全アクセス」と「全期間」に絞り込まれているからです。
つまりそれに該当するのが左の円グラフなので、そこだけがカラー表示されているわけです。

ですので、もし一覧表の表示設定を「初回アクセスのみ」に切り替えると、円グラフの表示は以下のようになります。

そこからさらに一覧表の表示設定を「1秒～2秒」に絞り込むと、円グラフの表示は以下のようになります。

このように該当する部分だけがカラー表示になります。

もちろんその時は一覧表の内容も「初回アクセスのみ」かつ「1秒～2秒」に該当するものだけになります。(これは「絞り込みアドオン」の機能です)

サンプルデモ

グラフ表示アドオン付きページスピード・タイムログの管理画面サンプル
ユーザ名はtani、パスワードは0000です。
ログアウトはブラウザを閉じるか、またはログアウトボタンを押すことで可能です。

計測ページのサンプル
グラフ表示アドオンは管理画面専用の機能なので、計測ページはこのアドオンがない状態と変わりません。

設置方法

1、zipファイルを展開します。
ついでにこのZIPファイルをバックアップ保存しておくとベターです。

2、ページスピード・タイムログ本体にあるaddonフォルダの中に、chartフォルダを入れます。
以下の場所にchartフォルダを設置してください。
css～phpのフォルダの中身は以下の図では省略しています。

pagespeed-timelog-v2.0/
  ┃
  ┣━━ pagespeed/
  ┃      ┃
  ┃      ┣━━ addon/chart/ここにアドオンの様々なファイル
  ┃      ┃
  ┃      ┣━━ css/中身を省略
  ┃      ┃
  ┃      ┣━━ db/中身を省略
  ┃      ┃
  ┃      ┣━━ font/中身を省略
  ┃      ┃
  ┃      ┣━━ image/中身を省略
  ┃      ┃
  ┃      ┣━━ js/中身を省略
  ┃      ┃
  ┃      ┣━━ list/中身を省略
  ┃      ┃
  ┃      ┗━━ php/中身を省略
  ┃
  ┗━━ index.html (計測ページのサンプル)

設置は以上です。
管理画面にログイン、またはページを再読み込みして円グラフが表示されるか確認してみましょう。

初期状態(このアドオンなし)の状態に戻す方法

初期状態(このアドオンなし)の状態に戻すには、上記の設置手順2でaddonフォルダに入れたchartフォルダごと削除することで戻ります。

他のアドオンとの併用について

ページスピード・タイムログにはこれの他にも色々なアドオン(追加機能)がありますが、すべて併用することが可能です。
必要な機能だけを組み合わせてお使いください。

動作環境

サーバのPHPのバージョン5.6以降を推奨。
このサイト上に設置してあるサンプルはすべてPHP8世代で動作しています。

販売価格

販売価格は4,000円(税抜)となります。
設置メールサポートがついておりますので、アドオン設置の際につまづくようなことがありましたらご質問ください。

ご購入は以下からどうぞ。
ペイパルと銀行振込でのお支払いの場合は、料金のお支払いをしていただき、その入金確認後にメールで添付にてお送りする形となります。
クレジット決済の場合はお支払後にすぐダウンロードができますので、お急ぎの方にはおすすめです。

【ページスピード・タイムログのグラフ表示アドオンのご購入】
ペイパルでご購入
お問い合わせページからお申込み(銀行振込)
BASEでご購入(クレジットカード) (決済後ダウンロード可能)
このサイトでご購入(クレジットカード決済) (決済後ダウンロード可能)

領収書について

注意点

このアドオンはページスピード・タイムログ本体のバージョン2.0以降に対応しております。
(ページスピード・タイムログ本体のバージョンは「version.php」に記載してあります)

また、普通に使用していてプログラム上のバグ(不具合)があった場合には、追加料金なしでバグ修正を行いますので、そのような際にもご連絡ください。
(お客様の手によってJavaScriptファイルやPHPファイルを独自カスタマイズされている場合は、別途料金が発生します)

(利用規約) アドオンを複数のサイトに使用したい場合

同一の有料アドオンを複数回ご購入していただいた方へ

アドオンのアップデートについて

アップデート履歴

2023/04/07　バージョン1.0 (本体2.0で動作確認済)

• 公開。