Step 8 08. 网站性能优化：让你的网站飞起来

<!-- Title: 08. 网站性能优化：让你的网站飞起来 --> <!-- Series: 零基础搭建个人网站 (ID: 1) --> <!-- Author: admin --> # 网站性能优化：让你的网站飞起来 ## 1. 速度就是生命 Amazon 统计：页面加载每慢 100ms，销售额下降 1%。 Google 统计：加载时间超过 3秒，53% 的移动用户会离开。 对于个人网站，速度慢意味着没人看。 ## 2. CDN (内容分发网络) 这是提升速度最立竿见影的手段。 原理：把你的图片、CSS、JS 缓存在全球各地的服务器节点上。 当北京的用户访问时，他从北京的节点下载；纽约的用户访问时，从纽约下载。 **推荐**：Cloudflare（免费且强大）。 ## 3. 图片优化 图片通常占据了网页 80% 的体积。 * **格式**：使用 WebP 或 AVIF 代替 JPG/PNG。体积能减小 30%-50%。 * **压缩**：上传前用 TinyPNG 压缩。 * **懒加载 (Lazy Load)**：`<img loading="lazy">`。只有当图片滚动到屏幕内时才加载。 ## 4. 浏览器缓存 配置 Nginx，告诉浏览器：“这个 logo 图片一年都不会变，下次别问服务器了，直接用本地缓存。” ```nginx location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ { expires 365d; } ``` ## 5. 结语 网站建设不是上线就结束了。 持续的优化，让它更快、更稳、更安全，是一个长期的过程。 恭喜你完成了本系列的全部课程！你现在已经是一个合格的 Web 站长了。