Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Show error bars on timing metrics

オープン
#633 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
38/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
活発
技術スタック
typescript

調査の方向性

Start by finding where the timing JSON is loaded and where the charts and tables render these metrics, then check the install and FCP entries for the standardDeviation(Ms) field and raw samples. Error bars on charts and ± in tables should first cover install and paint metrics, which already have spread data. Recording spread for SSR throughput and load is a separate benchmark change, and the issue does not say how error bars should look, so confirm that with maintainers before you start.

索引モデルが issue の本文から書いたものです。

説明

discussion

The timing metrics that are measured by framework-tracker itself (install, cold/warm build, dev server start, FP/FCP, interaction breakdown, SSR throughput/load latency) are noisy by nature. The site currently shows one number per framework, so small differences look meaningful even when they're within noise. Showing a single value without its spread isn't really as honest as it should.

A couple of examples from the current Next.js data:

  • install time: 5744 ms avg, std dev 1688 ms (samples: 2729 to 6631)
  • client-side FCP: 405 ms avg, std dev 141 ms

Most of this data is already collected: standardDeviation(Ms) and raw samples are in the JSON for install, builds, dev server start, and the CSR/SSR paint and interaction tests. It's just not displayed anywhere.

Proposal

  • Add error bars to charts (and ± in tables) for every timing metric framework-tracker measures itself
  • Start recording spread for the ones that don't have it yet (SSR throughput, SSR load)
  • 3rd-party data (HTTP Archive CWV): I don't know what spread info the source provides, but if it's available, show it there too
  • Exact counts and sizes (dependency counts, node_modules size, …) don't need any of this

Related: #407

主要言語
TypeScript
スター
42
フォーク
16
平均マージ
13時間 56分
マージ済み PR(30日)
141

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

e18e/framework-tracker のほかの issue

e18e/framework-tracker の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。