{"id":20156237,"url":"https://github.com/web-infra-dev/web-infra-qos","last_synced_at":"2025-04-09T22:23:16.275Z","repository":{"id":37366807,"uuid":"496539384","full_name":"web-infra-dev/web-infra-QoS","owner":"web-infra-dev","description":"Quality of service (QoS) dashboard for Web Infra OSS projects.","archived":false,"fork":false,"pushed_at":"2025-04-09T20:13:02.000Z","size":124554,"stargazers_count":14,"open_issues_count":1,"forks_count":3,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-09T20:21:13.896Z","etag":null,"topics":["benchmark","qos","typescript"],"latest_commit_sha":null,"homepage":"https://web-infra-qos.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/web-infra-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-05-26T08:24:55.000Z","updated_at":"2025-04-04T02:20:04.000Z","dependencies_parsed_at":"2023-09-24T04:59:33.315Z","dependency_job_id":"136a3fb3-12c5-4c7d-9296-e953729201f4","html_url":"https://github.com/web-infra-dev/web-infra-QoS","commit_stats":null,"previous_names":["web-infra-dev/web-infra-qos"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/web-infra-dev%2Fweb-infra-QoS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/web-infra-dev%2Fweb-infra-QoS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/web-infra-dev%2Fweb-infra-QoS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/web-infra-dev%2Fweb-infra-QoS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/web-infra-dev","download_url":"https://codeload.github.com/web-infra-dev/web-infra-QoS/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248120860,"owners_count":21051034,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["benchmark","qos","typescript"],"created_at":"2024-11-13T23:38:07.645Z","updated_at":"2025-04-09T22:23:16.267Z","avatar_url":"https://github.com/web-infra-dev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Web Infra QoS\n\n[Online Benchmark](https://web-infra-qos.netlify.app).\n\n## Data\n\nBenchmark data is stored in the [gh-pages](https://github.com/web-infra-dev/web-infra-QoS/tree/gh-pages) branch.\n\n## Cases\n\n### app-minimal\n\nMinimal app project, no polyfill or Router.\n\n### app-initial\n\nInitial app project with TypeScript and nested routes enabled.\n\nCreated by `@modern-js/create`.\n\n### app-initial-rspack\n\nInitial app project with Rspack.\n\n### app-ssr\n\n`app-initial` + SSR.\n\n### app-ssg\n\n`app-initial` + SSG.\n\n### app-bff-koa\n\n`app-initial` + BFF + Koa.\n\n### app-tailwind\n\n`app-initial` + Tailwind CSS.\n\n### app-arco-pro\n\nArco Pro project.\n\n### app-arco-pro-swc\n\n`app-arco-pro` + SWC.\n\n### app-arco-pro-esbuild\n\n`app-arco-pro` + esbuild.\n\n### app-arco-pro-rspack\n\n`app-arco-pro` + Rspack.\n\n### rspress-minimal\n\nMinimal doc project.\n\n### rspress-website\n\nWebsite project with rspress.\n\n### rspress-website-mdxjs\n\n`rspress-website` + `mdxRs: false`.\n\n### rsbuild-react\n\nRsbuild project + react.\n\n### rsbuild-vue3\n\nRsbuild project + vue3.\n\n### rsbuild-lit\n\nRsbuild project + lit.\n\n### rsbuild-svelte\n\nRsbuild project + svelte.\n\n### rsbuild-vanilla\n\nRsbuild project + vanilla.\n\n### rsbuild-arco-pro\n\nArco Pro project with Rsbuild.\n\n### rsbuild-react-app-10k\n\nRsbuild project + React + 5k components + 5k node_modules.\n\n### rslib-node-basic\n\nBasic nodejs project with Rslib.\n\n### rslib-react-basic\n\nBasic react component project with Rslib.\n\n## Metrics\n\n### Bundle Size\n\nThe size of the bundles after the build.\n\n- `minified-bundle-size`: the compressed size of bundles.\n- `gzipped-bundle-size`: the size of bundles after compression \u0026 gzip.\n- `dist-size`: file size of output in module.\n- `gzipped-dist-size`: file size of output in module after gzip.\n- `initial-js-size`: initial js size in rspress.\n- `gzip-initial-js-size`: initial js size in rspress after gzip.\n- `cjs-bundle-size`: the size of cjs formats outputs.\n- `cjs-gzip-bundle-size`: the size of cjs formats outputs after gzip.\n- `esm-bundle-size`: the size of esm formats outputs.\n- `esm-gzip-bundle-size`: the size of esm formats outputs after gzip.\n\n### Compile Speed\n\n- `dev-plugin-setup-time`: the time it takes from the start of the dev command to the completion of loading all plugins. Corresponding hooks: `loadConfig -\u003e loadPlugin`.\n- `dev-prepare-time`: the time taken from the time the plugins are loaded to the time when the build prep process is fully completed. Corresponding hooks: `loadPlugin -\u003e prepare`.\n- `dev-cold-boot-time`: the time it takes for the dev build to complete without caching. Corresponding hooks: `beforeDev -\u003e afterDev`.\n- `dev-hot-boot-time`: the time taken to complete the dev build with cache. Corresponding hooks: `beforeDev -\u003e afterDev`.\n- `build-plugin-setup-time`: the time taken from the start of the build command until all plugins have been loaded. Corresponding hooks: `loadConfig -\u003e loadPlugin`.\n- `build-prepare-time`: the time taken from when the plugins are loaded to when the build prep process is fully completed. Corresponding hooks: `loadPlugin -\u003e prepare`.\n- `build-cold-boot-time`: the time it takes for the build to complete without caching. Corresponding hooks: `beforeBuild -\u003e afterBuild`.\n- `build-hot-boot-time`: the time it takes to complete a build with caching. Corresponding hooks: `beforeBuild -\u003e afterBuild`.\n- `build-cjs-time`: the time it takes to complete a build task for cjs in module build. Corresponding hooks: `beforeBuildTask -\u003e afterBuildTask`.\n- `build-esm-time`: the time it takes to complete a build task for esm in module build. Corresponding hooks: `beforeBuildTask -\u003e afterBuildTask`.\n- `build-dts-time`: the time it takes to complete a build task for dts in module build. Corresponding hooks: `beforeBuildTask -\u003e afterBuildTask`.\n- `build-cjs-js-time`: the js bundle time it takes to complete a build task for cjs in Rslib.\n- `build-esm-js-time`: the js bundle time it takes to complete a build task for esm in Rslib.\n- `build-cjs-total-time`: the total time it takes to complete a build task for cjs in Rslib.\n- `build-esm-total-time`: the total time it takes to complete a build task for esm in Rslib.\n- `route-generate-time`: the time it takes to generate routes in rspress. Corresponding hooks: `beforeBuild -\u003e routeGenerated`.\n- `before-dev-time`: the time it takes for the dev command to initialize, in other words, cli cold boot time.\n- `before-build-time`: the time it takes for the build command to initialize, in other words, cli cold boot time.\n\n### Install Speed\n\nInstall npm dependency related metrics.\n\n- `install-size`: the size of node_modules after yarn install .\n- `cold-install-time`: yarn install time, with cache and lock file.\n- `hot-install-time`: yarn install time, without cache and lock file.\n- `dependencies-count`: the total number of dependencies after yarn install.\n\n## Website\n\n### Local Development\n\n```bash\npnpm run install:webiste\npnpm run dev:website\n```\n\n### Deploy Website\n\n`GitHub Actions` -\u003e `Deploy Website` -\u003e `Run Workflow`.\n\n## Run Cases\n\n### Local development\n\n```bash\ncd scripts\npnpm start RSBUILD rsbuild-react\n```\n\n### Actions\n\n`GitHub Actions` -\u003e `Manual`\n\n## License\n\nMIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweb-infra-dev%2Fweb-infra-qos","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fweb-infra-dev%2Fweb-infra-qos","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweb-infra-dev%2Fweb-infra-qos/lists"}