SolidJS

SolidJS 是一个前端 UI 库，走的是编译期路线：模板写成类 JSX 形式，构建时编译成真正操作 DOM 的命令式代码，响应式更新按细粒度信号推送，不建虚拟 DOM^[1]。

运行机制的差别

状态用信号（signal）表达，读取即建立依赖，写入只更新受影响的那几个节点^[1]。这带来的结果是更新范围小、运行时开销低，官方文档把它作为性能主张的核心^[1]。

对内容型站点的实际影响是脚本体积与执行时间，浏览器要跑的程序越少，可交互时间与渲染负担越轻^[2]。

渲染模式的选择

SolidJS 支持纯静态构建，也支持服务端渲染与水合，官方提供站点生成器与 SSR 适配路径^[1]。选哪种取决于内容能否在构建时确定：文档、资讯类多数能静态化，账户态与实时数据走服务端渲染。

服务端输出的 HTML 里已含正文，抓取不必等脚本执行^[3]。只用客户端渲染时，索引要读到的内容依赖渲染步骤^[3]。

标题与元数据

SolidJS 本身不给搜索优化机制，标题、描述、规范网址都要在页面模板或路由层输出^[4]。这一层与框架无关，静态生成时靠构建脚本注入，服务端渲染时靠响应文档写入^[2]。

常见误用

第一种是把列表与详情全交给客户端渲染，同时页面又要求被索引^[3]。第二种是在信号里塞大块不可变数据，细粒度优势变成开销。第三种是站点地图与结构化数据没人负责，静态产物里有正文却没有元数据^[4]。

附录

参见

• React
• Vue
• Svelte 与 SvelteKit
• 服务端渲染（SSR）
• 客户端渲染（CSR）
• 框架对 SEO 的影响

参考资料

官方（境外）

1. 《Solid 文档》，SolidJS 项目。
2. 《Largest Contentful Paint》，web.dev，Google。
3. 《了解 JavaScript SEO 基础知识》，Google 搜索中心。
4. 《结构化数据简介》，Google 搜索中心。

外部链接

• solidjs/solid 仓库，GitHub。