网站慢，用户会关掉，Google 会降权，广告费会白花。但好消息是：80% 的速度问题，都能靠几个基础动作解决。这一页讲清「为什么要优化」、「慢在哪里」、「怎么一步步变快」。
01 为什么要优化网站
速度不是「技术指标」，是「生意指标」。它直接影响三件事：用户体验、搜索引擎排名、转化率。
- 用户体验：用户在页面加载超过 3 秒后就会烦躁、关掉。每一次延迟都让访客少一点耐心。
- SEO 排名：Google 早在 2010 年就把速度列为排名因素。现在的 Core Web Vitals 更是硬指标。
- 转化率：Amazon 测过：每慢 100ms，销售额下降 1%。对于电商、外贸询盘站，速度直接等于钱。
几个真实数据：53% 的移动端访客会离开加载超过 3 秒的页面；页面从 1 秒变 3 秒，跳出率增加 32%；Walmart 测试：每提升 1 秒速度，转化率提升 2%。
02 影响用户体验的 5 大因素
Google 把这组指标叫 Core Web Vitals（核心网页指标），搞清楚这 5 个，你就抓住了关键。
LCP · 最大内容绘制
页面「主要内容」出现的时间。目标 < 2.5 秒。改善方法：优化首屏大图、使用缓存和 CDN、移除阻塞渲染的 CSS/JS。
INP · 交互响应
用户点击按钮、展开菜单后，页面多久才有反应。2024 年 3 月起取代 FID。目标 < 200ms。改善方法：减少 JS 文件数量和体积、优化第三方脚本。
CLS · 累积布局偏移
页面加载过程中，元素「跳来跳去」的程度。目标 < 0.1。改善方法：图片和视频都要写 width/height、字体加载用 font-display: swap、广告预留空间。
TTFB · 首字节时间
从浏览器发出请求，到收到服务器第一个字节的时间。目标 < 600ms。改善方法：换好主机、开页面缓存、用 CDN。
完整加载时间
所有资源都加载完的时间。目标：移动端 < 5 秒，桌面端 < 3 秒。改善方法：减少请求数、压缩资源、懒加载图片。
03 优化网站的整体思路
核心思路：让用户「更早看到」+「更少下载」+「更晚加载」。
- 更早看到：用缓存、CDN、关键 CSS 内联。
- 更少下载：图片压缩、CSS/JS 压缩、字体精简。
- 更晚加载：图片懒加载、JS 延迟执行。
优化的正确顺序（别搞反）：
- 先测——知道现在多快、慢在哪
- 再选主机——主机不行，后面都白搭
- 再开缓存——投入产出比最高的一步
- 再压图片——通常占一半以上的体积
- 最后调细节——CSS/JS 压缩、懒加载、字体优化
04 WordPress 优化思路
WordPress 被抱怨慢，其实大部分不是 WordPress 本身的问题，而是「主机不行 + 插件太多 + 没做缓存」。按照下面的顺序做，速度能提升好几倍。
第 1 步：升级主机（最高优先级）
如果你的主机是「5 美元/月共享主机」，那其他优化都是徒劳。先换主机，再谈优化。推荐 Cloudways（$11/月起）、Kinsta（$35/月起）。
第 2 步：开启页面缓存
这是投入产出比最高的一步。一个缓存插件装上去，速度通常能提升 50–70%。推荐 WP Rocket（付费 $59/年，最省心）、LiteSpeed Cache（免费，需 LiteSpeed 主机）。
第 3 步：优化图片
图片通常占页面体积的 50–80%。压缩图片、转 WebP、加上尺寸限制，能立竿见影。推荐 ShortPixel、Imagify。
第 4 步：接入 CDN
CDN 把静态资源分发到全球各地。访客从最近的节点下载，比从你的服务器直接下快很多。推荐 Cloudflare（免费版已经很强大）。
第 5 步：清理插件和主题
每个启用的插件都会加载代码。停用超过 2 个月的插件直接删掉。目标：插件数量 < 25 个。
第 6 步：优化数据库
几年的文章修订版本、垃圾评论、过期的 transient 缓存——数据库会越来越臃肿。推荐 WP-Optimize，每月清理一次。
第 7 步：CSS / JS 优化
合并、压缩、延迟加载非关键的 CSS/JS。这一步效果不错，但要小心——有些 JS 延迟会导致功能失灵。
一个现实建议：前 3 步（主机 + 缓存 + 图片）就能解决 80% 的速度问题。剩下的 4 步是「锦上添花」——做不做，看你的时间预算和网站要求。
05 缓存加速：投入产出比最高的一步
缓存有 4 种类型，各管一段：
- 页面缓存：把 PHP 动态生成的页面「存成 HTML 文件」。效果最大、必开。
- 浏览器缓存：告诉浏览器「这张图片、这个 CSS 文件，下次别再下载了」。
- 对象缓存：把数据库查询结果存在内存里（Redis / Memcached）。适合动态内容多的站。
- CDN 缓存：把缓存推到离用户最近的地方。
缓存的 3 个坑：① 缓存插件只能装一个；② 缓存必须能「清」；③ 购物车、结算页不能缓存。
06 图片优化：通常占页面一半体积
一张手机拍的照片可能有 5MB，压缩后可能只有 150KB——两者视觉效果几乎一样。图片优化做好了，页面能轻 70%。
- 尺寸要合适：图片宽度 ≤ 1920px，博客配图 ≤ 1200px。
- 格式要先进：用 WebP 而不是 JPEG/PNG，文件小 25–35%。
- 压缩要到位：质量压到 75–85%，肉眼几乎看不出区别。
- 懒加载：只加载用户能看到的图片。
- 宽度高度要写：避免加载过程中「跳来跳去」。
- 响应式图片：手机端不需要下 1920px 的大图。
最简单的做法：装 ShortPixel 或 Imagify 插件，开启「上传时自动压缩」+「自动转 WebP」，然后去「媒体 → 批量优化」。
07 诊断工具：先测再优化
不测就优化 = 瞎蒙。常用工具：
- PageSpeed Insights：Google 官方，最权威，给出 Core Web Vitals 分数和改进建议。
- GTmetrix：提供瀑布图、每个资源的加载时间。
- Query Monitor：WordPress 插件，看哪个插件、哪个查询拖慢了网站。
08 常见误区
- 迷信 PageSpeed 分数，为了刷分砍掉有用功能。
- 主机烂，却只研究插件。
- 装了多个缓存插件，导致冲突。
- 一次性优化，不管后续。
- 为了速度牺牲功能。
- 只优化首页，忽略内页。
速度优化是长期工作，不是一劳永逸。定期用 PageSpeed Insights 测一下，发现变慢及时排查。做好基础动作，你的网站就能超过 90% 的 WordPress 网站。