[スコア] @Karibash about web-speed-hackathon-2021-leaderboard

[3846masa]

@Karibash
Web Speed Hackathon 2021 mini 運営です
参加していただきありがとうございます

差分を確認しましたところ、動画部分で差分が起きているようです

もとの実装には、「ユーザーが OS の視覚効果をオフにしているとき、動画を自動再生しない」実装が含まれています

https://github.com/CyberAgentHack/web-speed-hackathon-2021/blob/135468cc9f69f6f27ba0bc9d3b74d60f1ebe3a40/client/src/components/foundation/PausableMovie/PausableMovie.jsx

おそらくですが、この挙動がデグレしているものと思われますので、今一度実装をご確認いただければ幸いです

[github-actions]

@Karibash ようこそ、Web Speed Hackathon 2021 mini へ！

• ℹ️ 計測中に、解決できない問題が発生した場合、@CyberAgentHack/wsh-admin に連絡してください
  • 開催期間が長いため、ベストエフォートでの対応になることをご了承ください
• 🏎️ これから自動でスコアが計測されて、リーダーボードに反映されます
  • よい結果が出たら、ぜひ採点結果を #WebSpeedHackathon で Twitter に投稿してください
• 📝 開催期間中の参加記事や解説記事、大歓迎です！
  • 他の人の解説記事や参加記事を読んで、更に高速なアプリを目指しましょう 🙌

[github-actions]

レギュレーションチェック

一部のページに差分があります

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[
  "ホーム - Desktop.png",
  "ホーム - Kindle Fire HDX.png",
  "ホーム - Pixel 5.png",
  "ユーザー詳細 - Desktop.png",
  "ユーザー詳細 - Kindle Fire HDX.png",
  "ユーザー詳細 - Pixel 5.png",
  "利用規約 - Desktop.png",
  "投稿詳細 - 動画 - Desktop.png",
  "投稿詳細 - 動画 - Kindle Fire HDX.png",
  "投稿詳細 - 動画 - Pixel 5.png",
  "投稿詳細 - 画像 - Desktop.png",
  "投稿詳細 - 音声 - Desktop.png"
]

スコア

スコアは 561.45 です

⚠️ VRT で差分があったため、リーダーボードには反映されません

buildInfo

{
  "commitHash": "2a191ce2fb764f59be0fb01f739380bb9e031163",
  "buildDate": "2021-12-09T16:41:00.094Z"
}

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1559730229

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

一部のページに差分があります

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[
  "ホーム - Desktop.png",
  "ホーム - Kindle Fire HDX.png",
  "ホーム - Pixel 5.png",
  "ユーザー詳細 - Desktop.png",
  "ユーザー詳細 - Kindle Fire HDX.png",
  "ユーザー詳細 - Pixel 5.png",
  "投稿詳細 - 動画 - Desktop.png",
  "投稿詳細 - 動画 - Kindle Fire HDX.png",
  "投稿詳細 - 動画 - Pixel 5.png"
]

スコア

スコアは 575.79 です

⚠️ VRT で差分があったため、リーダーボードには反映されません

buildInfo

{
  "commitHash": "b80f85957ffa9850fdf29c1997c2280c0ceec41a",
  "buildDate": "2021-12-09T17:02:42.473Z"
}

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1559810186

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

一部のページに差分があります

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[
  "ホーム - Desktop.png",
  "ホーム - Kindle Fire HDX.png",
  "ホーム - Pixel 5.png",
  "ユーザー詳細 - Desktop.png",
  "ユーザー詳細 - Kindle Fire HDX.png",
  "ユーザー詳細 - Pixel 5.png",
  "投稿詳細 - 動画 - Desktop.png",
  "投稿詳細 - 動画 - Kindle Fire HDX.png",
  "投稿詳細 - 動画 - Pixel 5.png"
]

スコア

スコアは 568.76 です

⚠️ VRT で差分があったため、リーダーボードには反映されません

buildInfo

{
  "commitHash": "b80f85957ffa9850fdf29c1997c2280c0ceec41a",
  "buildDate": "2021-12-09T17:02:42.473Z"
}

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1562352740

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

一部のページに差分があります

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[
  "ホーム - Desktop.png",
  "ホーム - Kindle Fire HDX.png",
  "ホーム - Pixel 5.png",
  "ユーザー詳細 - Desktop.png",
  "ユーザー詳細 - Kindle Fire HDX.png",
  "ユーザー詳細 - Pixel 5.png",
  "投稿詳細 - 動画 - Desktop.png",
  "投稿詳細 - 動画 - Kindle Fire HDX.png",
  "投稿詳細 - 動画 - Pixel 5.png"
]

スコア

スコアは 586.77 です

⚠️ VRT で差分があったため、リーダーボードには反映されません

buildInfo

{
  "commitHash": "3e6a9adaf321164c16896132221699b5c2b1ad01",
  "buildDate": "2021-12-10T14:34:02.130Z"
}

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1563867392

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

❗ VRT が実行できませんでした

次を確認してください

• URL が間違っていませんか
• API POST /api/v1/initialize が実行できますか
• 計測対象のページは、誰でも閲覧できるようになっていますか
• エラーページ以外では、ステータスコードが 200 で返却されますか

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1563928387

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

一部のページに差分があります

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[
  "ホーム - Desktop.png",
  "ホーム - Kindle Fire HDX.png",
  "ホーム - Pixel 5.png",
  "ユーザー詳細 - Desktop.png",
  "ユーザー詳細 - Kindle Fire HDX.png",
  "ユーザー詳細 - Pixel 5.png",
  "投稿詳細 - 動画 - Desktop.png",
  "投稿詳細 - 動画 - Kindle Fire HDX.png",
  "投稿詳細 - 動画 - Pixel 5.png"
]

スコア

スコアは 569.96 です

⚠️ VRT で差分があったため、リーダーボードには反映されません

buildInfo

{
  "commitHash": "70f58257b4f0ea406896373aecb4b07a8e4929ae",
  "buildDate": "2021-12-10T14:52:52.264Z"
}

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1564024173

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

一部のページに差分があります

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[
  "ホーム - Desktop.png",
  "ホーム - Kindle Fire HDX.png",
  "ホーム - Pixel 5.png",
  "ユーザー詳細 - Desktop.png",
  "ユーザー詳細 - Kindle Fire HDX.png",
  "ユーザー詳細 - Pixel 5.png",
  "投稿詳細 - 動画 - Desktop.png",
  "投稿詳細 - 動画 - Kindle Fire HDX.png",
  "投稿詳細 - 動画 - Pixel 5.png"
]

スコア

スコアは 536.6 です

⚠️ VRT で差分があったため、リーダーボードには反映されません

buildInfo

{
  "commitHash": "e5ee435fc13860f4b2bc44075801feeb7af44a08",
  "buildDate": "2021-12-10T16:19:31.928Z"
}

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1564259425

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

@CyberAgentHack/wsh-admin

VRTの閾値が厳しすぎて、画像/動画周りのチェックが通らないです。
下記、VRTの判定結果です。
https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/suites/4619272372/artifacts/124959898

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

一部のページに差分があります

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[
  "ホーム - Desktop.png",
  "ホーム - Kindle Fire HDX.png",
  "ホーム - Pixel 5.png",
  "ユーザー詳細 - Desktop.png",
  "ユーザー詳細 - Kindle Fire HDX.png",
  "ユーザー詳細 - Pixel 5.png",
  "投稿詳細 - 動画 - Desktop.png",
  "投稿詳細 - 動画 - Kindle Fire HDX.png",
  "投稿詳細 - 動画 - Pixel 5.png"
]

スコア

スコアは 576.3 です

⚠️ VRT で差分があったため、リーダーボードには反映されません

buildInfo

{
  "commitHash": "efe964571372ff34b78db1db0f0c8b04971ca4f8",
  "buildDate": "2021-12-11T04:55:48.584Z"
}

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1566261463

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

一部のページに差分があります

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[
  "ホーム - Desktop.png",
  "ホーム - Kindle Fire HDX.png",
  "ホーム - Pixel 5.png",
  "ユーザー詳細 - Desktop.png",
  "ユーザー詳細 - Kindle Fire HDX.png",
  "ユーザー詳細 - Pixel 5.png",
  "投稿詳細 - 動画 - Desktop.png",
  "投稿詳細 - 動画 - Kindle Fire HDX.png",
  "投稿詳細 - 動画 - Pixel 5.png"
]

スコア

スコアは 571.17 です

⚠️ VRT で差分があったため、リーダーボードには反映されません

buildInfo

{
  "commitHash": "a71be76a1e4676eb74ce815847c83cf18a39655f",
  "buildDate": "2021-12-11T05:12:20.791Z"
}

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1566293544

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

差分はありませんでした

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[]

スコア

スコアは 548.49 です

現在、5 位です

buildInfo

{
  "commitHash": "14e01d91dbcecf1ffb8b97b6ae6aade9df55ac91",
  "buildDate": "2021-12-11T05:21:58.174Z"
}

結果をツイートする

@Karibash スコアを Twitter で共有してみませんか？

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1566309619

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

@3846masa

早速のご返信ありがとうございます。

もとの実装には、「ユーザーが OS の視覚効果をオフにしているとき、動画を自動再生しない」実装が含まれています

こちら実装を修正し、再度VRTを実行した所無事に承認されました。
休日にも関わらず早急な対応いただきありがとうございました。

下記のCHECKLIST.mdに上記の視覚効果オフの場合の条件を追加された方が良いかなと思いました。
視覚効果オフがデグレしていると他のページも差分判定されるようなので、自分で気づく事が難しいのかなと。。。
https://github.com/CyberAgentHack/web-speed-hackathon-2021/blob/main/docs/CHECKLIST.md#%E6%8A%95%E7%A8%BF%E8%A9%B3%E7%B4%B0---%E5%8B%95%E7%94%BB

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

差分はありませんでした

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[]

スコア

スコアは 570.06 です

現在、5 位です

buildInfo

{
  "commitHash": "76309653662e33e7fa954927ea1cb6bf92608560",
  "buildDate": "2021-12-11T05:50:58.480Z"
}

結果をツイートする

@Karibash スコアを Twitter で共有してみませんか？

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1566358667

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

差分はありませんでした

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[]

スコア

スコアは 560.52 です

現在、5 位です

buildInfo

{
  "commitHash": "9ddca0fdd9bc9acf6b90c594abfc39008e7bfd06",
  "buildDate": "2021-12-11T11:28:44.037Z"
}

結果をツイートする

@Karibash スコアを Twitter で共有してみませんか？

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1566928964

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

差分はありませんでした

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[]

スコア

スコアは 579.57 です

現在、5 位です

buildInfo

{
  "commitHash": "cefcc416e0a8ffaa60bac8fe0ff333900ad7ce5e",
  "buildDate": "2021-12-11T11:47:54.734Z"
}

結果をツイートする

@Karibash スコアを Twitter で共有してみませんか？

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1566962147

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

差分はありませんでした

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[]

スコア

スコアは 652.8 です

現在、2 位です

buildInfo

{
  "commitHash": "9f804aeac7b5ca0ab95ae4fde8f2e4e6ca25eeb3",
  "buildDate": "2021-12-11T12:07:32.506Z"
}

結果をツイートする

@Karibash スコアを Twitter で共有してみませんか？

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1566992417

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

差分はありませんでした

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[]

スコア

スコアは 651.5 です

現在、2 位です

buildInfo

{
  "commitHash": "a3d51e49fb72759c02ebd7da4d4673f2cb21e000",
  "buildDate": "2021-12-11T13:43:00.676Z"
}

結果をツイートする

@Karibash スコアを Twitter で共有してみませんか？

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1567162328

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください

[Karibash]

/rerun

[github-actions]

レギュレーションチェック

差分はありませんでした

差分が見つかったページ

ℹ️ スクリーンショットは、スコア計測後に、Actions の Artifacts からダウンロードできます

[]

スコア

スコアは 646.68 です

現在、2 位です

buildInfo

{
  "commitHash": "a3d51e49fb72759c02ebd7da4d4673f2cb21e000",
  "buildDate": "2021-12-11T13:43:00.676Z"
}

結果をツイートする

@Karibash スコアを Twitter で共有してみませんか？

---

Actions: https://github.com/CyberAgentHack/web-speed-hackathon-2021-leaderboard/actions/runs/1567173175

ℹ️ /rerun （リラン / 再実行）とコメントすると、もう一度計測ができます
ℹ️ 登録内容を変更する場合は、issue を閉じて作り直してください