Salesforce Decode
Salesforcedecode
Back to bloglwc

LWC Performance: Fixing Slow Pages with 20 Related Lists

By Avijit Patra8 min read

Redesign strategies for Lightning pages that load too many components, related lists, and wire adapters simultaneously.

Diagnosis


A page with 20 related lists likely suffers from:

  • 20+ simultaneous wire adapter calls
  • Unnecessary re-renders on data changes
  • Missing pagination on large datasets
  • Heavy DOM from rendering all rows at once

  • Redesign Strategy


    1. **Tab-based lazy loading** — Load related lists only when tab is activated

    2. **Pagination** — Limit to 25 records per list with "Load More"

    3. **Imperative calls** — Replace multiple @wire with single consolidated Apex call

    4. **Virtual scrolling** — Render only visible rows for large datasets

    5. **Lightning Message Service** — Decouple components to prevent cascade updates


    Caching


    Use refreshApex strategically. Cache stable data in component state. Avoid re-fetching on every render cycle.

    lwcperformancelightning