ShogoHirasawa / 2023-syuron

修士課程 卒論用リポジトリ
1 stars 1 forks source link

ユーザビリティテスト【ページ速度】 #15

Open ShogoHirasawa opened 11 months ago

ShogoHirasawa commented 11 months ago

草案

1. インタビュー

2. アンケート

ShogoHirasawa commented 11 months ago

ハザードマップを使って実際に目的地にたどり着けるかの調査

検証概要

スマホをオフライン環境下(機内モード)の状態で東京大学 本郷キャンパス 福武ホール入口から誠之小学校(文京区指定の避難所)までたどり着けるかを検証する。

諸条件

時期

10月中旬 - 10月後半を想定

ShogoHirasawa commented 9 months ago

ページ速度の定量評価

https://chat.openai.com/share/70585901-1a17-4aba-84c0-13caa2ed2407

ShogoHirasawa commented 9 months ago

ラージェストコンテンツフルペイント (LCP): LCPは、ウェブページの主要なコンテンツが表示されるまでの時間を測定します。2.5秒未満であれば「良好」とされ、2.5秒から4秒は「改善が必要」、4秒以上は「悪い」とされます​​。

ファーストコンテンツフルペイント (FCP): FCPは、ページの最初のコンテンツが表示されるまでの時間を測定します。1.8秒以下であれば「良好」とされます​​。

タイムトゥインタラクティブ (TTI): TTIは、ページが完全にインタラクティブになるまでの時間を測定します。3.8秒以下であれば「良好」、5秒以上であれば改善が必要とされます​​。

トータルブロッキングタイム (TBT): TBTは、FCPとTTIの間に発生するメインスレッドのブロック時間の合計を測定します。300ミリ秒以下であれば「良好」とされます​​。

ShogoHirasawa commented 9 months ago

検証結果

ラズパイ1台に対して、PC(自身のMac)、iPhone2台、iPad2台を接続させた結果

Image Image Image Image Image Image

ShogoHirasawa commented 9 months ago

Google Maps

2023/12/10 12:55pm @ 東大 中央食堂 0000UTokyo

Image

Image

Image

ShogoHirasawa commented 9 months ago

ChromeのバージョンとMacの性能概要

Image

Image

ShogoHirasawa commented 8 months ago

ネットワークスロットリングの設定ミスっていたので再設定

検証機器: MacBook Pro 13-inch, M1, 2020 チップ Apple M1 メモリ 16 GB macOS Ventura 13.3.1 検証ブラウザ: Google Chrome 119.0.6045.199(Official Build) (arm64) ネットワークスロットリング:Nothing CPUストロットリング: 6 x slowdown LCP: 2.27s TTI:5.04s ラズパイとデバイスの距離: 1.7m

Image Image Image Image

ShogoHirasawa commented 8 months ago

Core Web vitalの定義について

https://web.dev/articles/lcp?hl=ja

ShogoHirasawa commented 8 months ago

CPUスロットリングを変えて再検証

検証機器: MacBook Pro 13-inch, M1, 2020 チップ Apple M1 メモリ 16 GB macOS Ventura 13.3.1 検証ブラウザ: Google Chrome 119.0.6045.199(Official Build) (arm64) ネットワークスロットリング:Nothing CPUストロットリング: 4 x slowdown LCP: 0.53s TTI: 1.66s ラズパイとデバイスの距離: 1.7m

Image Image Image

ShogoHirasawa commented 8 months ago

FCPについての説明

https://web.dev/articles/fcp?hl=ja

ShogoHirasawa commented 8 months ago

LCPについての説明

https://web.dev/articles/lcp