19、前端开发性能优化与技术实践

前端开发性能优化与技术实践

1. 内容分发网络（CDNs）

1.1 CDNs 介绍

传统的静态资产服务器受限于客户 ISP 与服务器之间的连接，任何连接问题或大量并发用户都会影响客户体验。而内容分发网络（CDNs）在全球拥有静态资产的镜像副本，负载均衡服务器会在任何时刻从最快的可用机器发送数据，确保视频流畅播放、大图像快速下载以及软件顺利更新。

1.2 知名 CDNs

• Akamai：是最大的 CDN 之一，提供基于带宽或服务文件的多种定价计划。
• Amazon 的 CloudFront：同样是大型 CDN，也有丰富的定价方案。当应用发展到自有静态资产服务器无法满足需求时，就可以考虑使用这些 CDN 工具。

2. Varnish 和内存缓存（反向代理）

2.1 Varnish Cache 概述

Varnish Cache 是一种缓存工具，它通过将页面缓存在内存而不是磁盘上来加速页面加载。它会占用大量资源，并且会拦截端口 80 上的所有请求，然后与应用程序（如端口 8080 上的应用）进行通信。

2.2 Varnish Cache 使用

• 时间过期设置 ：Varnish Cache 使用 Apache 配置中的过期设置进行基于时间的过期处理。
• API 交互 ：它有一个 API，我们可以通过该 API 告知它何时使页面过期。如果 Rails 缓存和 memcached 不足以满足需求，Va