イメージ

2024/03/22 コンテンツ・メーカー2のバージョン3.0を公開しました。

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

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

このアドオンを追加すると管理画面上に円グラフが表示され、「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でご購入(クレジットカード) (決済後ダウンロード可能)
このサイトでご購入(クレジットカード決済) (決済後ダウンロード可能)

【クレジット決済の注意点】
上記のペイパルと銀行振込以外の場合は、お支払後にアドオンファイルをすぐにダウンロードできます。

このサイトでのクレジット購入の場合は、入力必須な項目を最低限としている分、ダウンロードはそのセッション中(ブラウザを閉じるまで・または24分以内)にのみ可能となります。
再ダウンロードしたい場合は、お問い合わせページからご連絡くだされば、本人確認後にメール添付にてお送りいたします。

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

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

2023/04/07 バージョン1.0 (本体2.0で動作確認済)
  • 公開。
提供サポートなど