前端面试题：HTTP、网络与性能

1. HTTP/1.1 与 HTTP/2 的主要差异是什么？

• HTTP/2 支持多路复用、头部压缩和二进制分帧。
• HTTP/1.1 每个连接默认只能处理一个请求/响应，容易出现队头阻塞。
• HTTP/2 可以在一条连接上并发多个请求。

2. 什么是 CDNs？

• 内容分发网络（CDN）把静态资源缓存到多个边缘节点。
• 降低延迟、减轻源站压力。
• 常用来加速图片、JS、CSS 和视频资源。

3. 何为缓存控制？

• Cache-Control 定义缓存策略。
• max-age 指定缓存有效期。
• no-cache 和 no-store 控制缓存行为。

4. 什么是预读取与预连接？

• rel="preload" 预加载关键资源。
• rel="preconnect" 提前建立 DNS、TCP、TLS 连接。
• rel="prefetch" 在空闲时加载未来可能需要的资源。

5. 浏览器渲染性能与网络性能如何协同优化？

• 减少首屏关键资源数量。
• 使用按需加载和代码分割。
• 优化图片和静态资源体积。

6. 如何处理跨域请求？

• 服务器通过 CORS 允许特定来源访问。
• 设置 Access-Control-Allow-Origin、Access-Control-Allow-Methods 等。
• 对复杂请求会先发送预检 OPTIONS 请求。

7. 什么是 TLS 握手？

• 客户端和服务器交换证书和密钥。
• 建立安全通道。
• HTTPS 请求在 TLS 连接建立后发送。

8. 你会如何分析网络性能问题？

• 使用浏览器 DevTools 网络面板。
• 观察请求时间、资源大小、重定向和缓存命中率。
• 优化响应头、压缩和资源合并。