📋 文章目录
速度对业务的影响
页面加载每慢1秒，转化率下降约7%（Google研究数据）。电商网站速度对业务的影响是直接的。
| 加载时间 | 跳出率 | 转化率 |
|---|---|---|
| 1-3秒 | 基准 | 基准 |
| 1→5秒 | ↑90% | ↓约15% |
| 1→10秒 | ↑123% | ↓约20% |
测速工具推荐
🔍 推荐工具
- PageSpeed Insights（free）：pagespeed.web.dev，官方权威评分
- GTmetrix（free）：详细瀑布流图和优化建议
- Pingdom Tools（free）：简单直观的加载时间测试
- WebPageTest（free）：最详细的技术分析
评分标准：90-100分优秀（绿色），50-89分需改进（橙色），0-49分很差（红色）。独立站目标应达到80分以上。
Shopify速度优化
1. 选择轻量化主题
| 主题 | 移动端评分 | 特点 |
|---|---|---|
| Dawn（官方免费） | 85-95 | 最轻量，最适合SEO |
| Impulse | 60-75 | 功能多，但较重 |
| Prestige | 55-70 | 视觉效果好，速度一般 |
2. 减少App数量
每个App都会加载JS。审查方法：哪些App超过3个月没用过？是否有功能重复的App？每删一个App，速度就有提升。
3. 启用Shopify内置图片压缩
Shopify后台 → 设置 → 产品 → 图片：确保"图片压缩"选项已开启。
WordPress速度优化
1. 主机选择
WordPress速度的基础是主机质量。推荐：SiteGround（WordPress官方推荐）、Cloudways（云服务器）。避免：Godaddy共享主机。
2. 缓存插件
⚡ 推荐缓存插件
- WP Rocket（付费，约$59/年）：最全面，安装即提速
- LiteSpeed Cache（免费）：LiteSpeed服务器首选
- W3 Total Cache（免费）：功能全但设置复杂
3. CDN配置
- Cloudflare（免费版够用）：最流行的免费CDN
- BunnyCDN：$0.01/GB起，性价比高
- Shopify默认有CDN，WordPress需手动配置
4. PHP版本升级
PHP 8.0+比PHP 7.x快30%以上。在主机后台一键升级即可（升级前做好备份）。
图片优化
图片通常是网站速度的最大杀手。一个4MB未压缩的产品图，优化后可以到180KB，加载时间差距10倍以上。
图片优化四步法
- 格式：WebP优先（比JPEG小25-35%），次选JPEG
- 压缩：TinyPNG（免费版每月500张）、ShortPixel（付费无限张）
- 尺寸：产品主图1200×1200px足够，不需要3000px+
- 延迟加载：下方图片用lazy load，滚动到位置才加载
| 图片类型 | 优化前 | 优化后 | 节省 |
|---|---|---|---|
| 产品主图（JPG） | 3.5 MB | 180 KB | 95% |
| 产品图（WebP） | 3.5 MB | 120 KB | 97% |
| Banner图 | 2.1 MB | 250 KB | 88% |
速度优化检查清单
- ☐ PageSpeed评分测试（目标：移动端80+）
- ☐ 图片全部压缩并转为WebP格式
- ☐ Shopify/WP缓存插件安装并启用
- ☐ 非必要App/插件清理（目标：App <10个）
- ☐ 图片延迟加载开启
- ☐ CDN配置（Cloudflare或BunnyCDN）
- ☐ 移动端Core Web Vitals全部达标
- ☐ 测试不同设备：桌面+手机+平板