服务器端渲染 (SSR)
服务器端渲染 (SSR) 是一种在组件的 JavaScript 实现加载并执行之前生成和提供组件 HTML(包括影子 DOM 和样式)的技术。
您可以出于多种原因使用 SSR
- 性能。如果网站首先渲染静态 HTML,而无需等待 JavaScript 加载,然后(可选)加载页面的 JavaScript 并水合组件,则某些网站可以渲染得更快。
- SEO 和网络爬虫。虽然主要的搜索引擎网络爬虫使用启用完整 JavaScript 的浏览器渲染页面,但并非所有网络爬虫都支持 JavaScript。
- 健壮性。即使 JavaScript 无法加载或用户禁用了 JavaScript,静态 HTML 也会渲染。
有关一般服务器端渲染概念和技术的深入探讨,请参见 web.dev 上的 网络渲染。
Lit 通过 Lit SSR 包支持服务器端渲染。Lit SSR 将 Lit 组件和模板渲染为 Node 等非浏览器 JavaScript 环境中的静态 HTML 标记。它无需完全模拟浏览器的 DOM,并利用 Lit 的声明式模板格式来实现快速性能、实现低时间到首字节以及支持流式传输。
Lit SSR 是一个低级库,您可以在基于 Node 的服务器或网站生成器中直接使用它。查看 Koa 服务器中使用 Lit SSR 的示例。
还发布了许多集成,它们使 Lit SSR 可以开箱即用地工作。
- Lit Eleventy 插件
- Astro 对 Lit 的集成
- Rocket
- Next.js 页面路由器与 @lit-labs/nextjs
- Nuxt 3 与 nuxt-ssr-lit
- …以及更多正在开发中!
库状态
“库状态” 的永久链接该库正在积极开发中,存在一些我们希望解决的显著限制。