边缘计算与 CDN:让静态资源快到极致

理解 CDN 的加速原理与边缘计算的兴起,以及如何利用边缘能力进一步优化前端性能。

CDN 是性能优化里最「省事」的一环——把资源放到离用户更近的地方。而边缘计算的兴起,让 CDN 从「缓存」进化成了「计算节点」。

CDN 为什么快

CDN 的核心逻辑是就近分发:把静态资源缓存到全球各地的边缘节点,用户访问时命中最近的节点,减少物理距离带来的延迟。

对前端而言,静态 JS/CSS/图片走 CDN 是标配。配合「哈希文件名 + 长缓存」,命中率可以做到极高。

边缘计算:从缓存到计算

传统 CDN 只能返回缓存内容,边缘计算则让节点运行代码。这意味着:

  • 在边缘做请求改写、A/B 测试;
  • 在边缘做动态渲染(边缘 SSR);
  • 在边缘做图片/内容处理;
  • 在边缘做鉴权与限流。

边缘 SSR 的实践

把页面渲染放到边缘节点,用户可以就近获得动态内容,而无需回源:

// 边缘函数示例
export default function handler(req) {
  const html = renderPage(req.url);
  return new Response(html, { headers: { 'content-type': 'text/html' } });
}

主流的边缘平台(Cloudflare Workers、Vercel Edge 等)都支持这类能力。

何时用边缘

  • 需要极低延迟的动态内容(个性化、实时数据);
  • 需要全球化部署的应用;
  • 希望减少源站压力的场景。

结语

CDN + 边缘计算,把「就近服务」从静态资源扩展到了动态逻辑。对面向全球用户的现代前端应用,这是一块不可忽视的性能拼图。