预渲染与SSG的基本概念

预渲染（Prerendering）与💎静态站点生成（Static Site Generation，简称SSG）是两种常👍见的前端性能优化技术

预渲染通过在构建阶段生成完整的静态HTML页面，而非在用户请求时动态渲染；SSG则预先将页面内容编译⚡😎为静态文件，两者结合能够显著减少服务器响应时间和浏览器渲染负担

预渲染SSG方案并非一劳永逸，需要根据内容更新频率和用户行为数据不断做针对性优化，才能持续为网站加载速度与SEO效果带来正向收益

蔡阿妹

js、Gatsby等都提供了成熟🌈的预渲染配置能力

实施预渲染SSG加速方案的核心步骤

js静态生⭐成 ：使用 nuxt gene🌈rate 构建预渲染页面，对Vue开发者友好

选择时需考虑团队熟悉程度、内容管理系统的集成难度以🌺及后续维护成本

一般步骤包括： 在本地或CI服务器中运行构建命令，🎉生成静态文件目录（如 dist 或 out ）