[P2] Audit: All Tools long list may need virtualization for performance

[baixiangcpp]

Imported from the byteflow.tools deep audit on 2026-06-22.

Problem: All Tools displays 123 tools plus categories, filters, workflows, tags, and metadata. The list is manageable today but will become heavier as inventory grows, especially on mobile and lower-powered devices.

Affected URL:

• https://byteflow.tools/en/all-tools

Reproduction steps:

1. Open /en/all-tools on desktop and mobile.
2. Scroll through the full tool list.
3. Apply filters repeatedly.
4. Monitor frame drops, layout shifts, and memory usage.
5. Simulate future growth by adding more manifest entries in local testing.

Expected behavior: the directory should remain responsive as tool count grows beyond 123.

Actual behavior: current list works but may not scale well without virtualization or pagination.

Impact: slower discovery, degraded mobile UX, and heavier client-side rendering.

Proposed fix:

• Add list virtualization if tool count or rendered card count exceeds a threshold.
• Lazy-render offscreen categories.
• Memoize filtered results.
• Use lightweight cards on mobile.
• Add performance budgets for All Tools.

Acceptance criteria:

• Filtering remains responsive with at least 300 mock tools.
• Scrolling has no significant jank on mid-range mobile.
• Lighthouse and INP remain within budget.
• Category and filter state remain accessible.

[baixiangcpp]

Closed as completed by the canonical BF audit backlog work. This older non-BF audit issue duplicates work now merged through PRs #209-#219, with the BF issues closed and guard/test coverage in place. The remaining non-duplicate follow-up is #7, which stays open because the upstream Next/PostCSS advisory is not fixed yet.

[baixiangcpp]

Reopening after acceptance review on 2026-06-24. The merged work adds progressive disclosure and accessibility guards for All Tools, but this older audit issue is not fully satisfied: I did not find validation with at least 300 mock tools, Lighthouse/INP budget evidence for the directory, or mid-range mobile scroll-jank coverage. Keep this open until All Tools has explicit large-inventory performance coverage or a documented virtualization/progressive-rendering budget that satisfies the acceptance criteria.