什么是优化？

Framer 网站本质上是用 React 构建、在浏览器端渲染的 JavaScript 应用。为了实现极速体验、SEO 和 AI 相关能力，我们会在服务器预渲染页面（即 服务器端渲染）。这样浏览器和爬虫无需重复渲染工作，页面加载更快。

过去，每次发布时我们都会优化所有页面。但 Framer 现在支持更多动态化特性，比如本地化和 A/B 测试。一个页面可能会有多个变体，数量太多，无法一次性全部渲染完成。

动态优化

我们对页面的优化时机进行了调整：现在不是在发布时立即优化全部页面，而是在用户首次访问时优化该页面。此后，优化过的版本会被缓存在服务器上，直到你下次发布新版本。

这意味着过去大型网站需数分钟的优化等待，现在几乎消失了——通常只需一秒甚至更短，无论你有多少页面。

为了让这种方式高效，我们显著提升了单页面渲染的速度。哪怕首次访问仅占全部流量的 0.01%，每一次访问都至关重要。我们通过重新设计渲染机制，并采用全新的打包与编译工具实现了这一切。

此外，Framer 能通过分析数据获知你最受欢迎的页面，并提前优化它们，为这些页面的首批访问提供额外提速。

上线计划

我们将在 2025 年 10 月逐步为所有站点推出动态优化功能。你无需进行额外配置，如下状态标签出现时，说明你的网站已使用按需优化：

• 预优化中（原“优化中”）：准备动态优化并优先优化热门页面。

• 已准备（原“已优化”）：热门页面已优化，其他页面可按需动态优化。

需要了解的事项

以下是一些进阶行为，技术相关人员可能会关心：

• 刚发布网站时，所有页面都算新页面。如果你使用测速工具在刚发布后立即测试，结果可能不太准确。像 CrUX 这样的聚合性能评分不受影响，因为绝大多数用户访问的都是已优化页面。

• 如果页面被不执行 JavaScript 的爬虫访问，且该页面还未被优化，我们会为其返回最新可用的优化版本。这样一来，AI 或社交媒体的机器人也能友好访问动态优化内容。

• 基于上面两点，这项改动不会影响 SEO。反而可能带来正面作用，因为它让我们可以预渲染更多页面、提供更多动态化选项和页面变体，更好地满足访客需求。

• 如果动态优化过程中遇到可能对页面有重大影响的错误，我们会通过邮件通知你。这种情况极为罕见。优化警告（如链接嵌套或自定义代码警告）通常只影响页面局部，对整体影响极小。