SolidJS No VDOM 1.8.

完整VDOM树创建与内存开销

每次组件重渲染，框架需要完整生成新 VDOM 对象树：包含标签、属性、子节点、文本等海量 JS 对象，长列表场景下单次渲染会创建数万临时对象，持续触发 V8 GC，造成周期性主线程卡顿。Vue 3 通过静态提升跳过静态节点创建、React 依靠 memo/useMemo 减少重渲染，但动态数据驱动的动态节点仍会完整生成 VDOM，内存开销无法根除。

Diff对比的全树遍历损耗

状态变更后，框架必须递归遍历新旧两棵 VDOM 树进行 Diff 匹配：

1. 节点层级对比key 匹配、属性全量对比；
2. 列表场景需要链表排序、移位、删除、新增运算。

即便页面仅一处文本变更，组件树所有祖先组件依然会执行重渲染与 Diff 遍历，只是最终无 DOM 操作，产生大量无效 CPU 运算。

批量更新调度的额外缓冲层

为减少频繁 DOM 操作，VDOM 框架引入异步更新队列：状态变更先存入队列，微任务批量执行 Diff 与 DOM 更新，这套调度机制增加一层事件循环开销；同时批量更新会带来"状态不同步"、竞态、多次渲染等衍生问题，开发者需要额外使用 useTransition、watch 等 API 兜底。

组件粒度耦合问题

VDOM 以组件为最小更新单元，而非 DOM 节点：一个组件内任意响应式变量变更，整个组件所有 DOM 都要经过重渲染与 Diff，无法做到"单个文本、单个属性独立更新"，组件粒度拆分过细又会增加组件实例、上下文嵌套开销，陷入粒度拆分两难。

编译期：模板静态拆解，消除运行时动态开销

Solid 内置自研编译器（基于 TypeScript 改造），编译阶段对 JSX 模板做静态分析，完成三件核心工作：

1. 区分静态 DOM 与动态绑定完全无响应式变量的静态标签、文本直接编译为原生 DOM 创建代码，运行时不会产生任何中间对象；包含 {signal()}、表达式的动态片段单独抽离为独立更新函数。
2. 自动构建细粒度依赖订阅关系编译器扫描每个动态表达式读取的 signal，自动生成 effect 副作用，每个 effect 仅绑定自身依赖的信号，无人工依赖数组（无需 useMemo/useEffect 依赖列表）。
3. 列表编译专用差分算法For 列表组件编译时生成专用 keyed 差分逻辑，不依赖 VDOM 链表，直接操作真实 DOM 节点，新增/删除/移位仅处理对应真实元素，无中间对比树。

// 源码
<div class="card">
  <h1>静态标题</h1>
  <p>{count()}</p>
</div>

// 编译后伪代码：静态 DOM 一次性创建，动态文本单独绑定更新函数
const el = document.createElement("div");
el.className = "card";

const h1 = document.createElement("h1");
h1.textContent = "静态标题";
el.appendChild(h1);

const p = document.createElement("p");

// 仅动态文本订阅 signal，count 变更只执行这一段更新
effect(() => p.textContent = count());

运行时：细粒度响应式信号调度模型

Solid 运行时核心由 Signal（数据源）、Effect（副作用）、Memo（派生计算）三者构成，完全脱离组件树耦合：

Solid 1.8 核心架构升级优化点

1. Effect 惰性调度1.8 新增惰性 Effect 标记，页面不可见区域（折叠面板、虚拟列表缓存项）的 Effect 暂停执行，离开视口期间数据变更不会触发 DOM 更新，可视区恢复后统一刷新，大幅降低长列表后台更新开销。
2. 静态树提升增强编译器可跨组件提取完整静态 DOM 片段，复用全局 DOM 模板，减少重复 DOM 创建内存占用；纯静态组件直接编译为原生 HTML 字符串插入，完全跳过响应式系统。
3. For 列表差分重写重写 keyed 列表 DOM 差分逻辑，优化大量移位、删除场景的 DOM 操作次数，官方测试万条列表筛选更新速度提升 40%。
4. 无 GC 内存回收优化废弃组件卸载时自动清理 Signal 订阅映射，WeakMap 存储依赖关系，无订阅的 Effect、DOM 节点自动释放，长时间运行内存泄漏风险远低于 VDOM 框架。

选型场景对照

生产环境性能调优规范

1. 页面折叠、非可视区域内容使用 createDeferred 惰性 Effect暂停后台更新，可视区恢复后统一刷新；
2. 长列表统一使用内置 <For> 组件不手写 map 循环，利用编译差分优化；
3. 派生复合数据统一使用 createMemo 缓存避免多 Effect 重复计算；
4. 大型静态区块抽离为独立组件编译器自动静态提升，完全不进入响应式系统；
5. 页面卸载时主动销毁全局订阅 Signal避免 WeakMap 依赖堆积内存。