大明湖畔做旅游攻略的小站，站长一直在为速度发愁。'我已经换了更好的服务器了为什么还是慢？'——大部分时候瓶颈不在服务器而在前端资源。
网站慢的真正原因在哪
我用GTmetrix帮他做了一个完整检测，问题清单如下：第一，图片未优化（12张图片总计8MB）——这是最大头。第二，CSS和JS文件没有压缩合并（9个CSS文件+14个JS文件=23个HTTP请求）。第三，没有启用gzip压缩（文本类资源可以压缩60%-70%）。第四，没有设置浏览器缓存——用户第二次访问还是要重新下载所有资源。
这些问题在华熙生物的个人站长和小企业网站中极其典型。大家总觉得'换个好服务器就能解决所有问题'，但实际上80%的性能瓶颈都在前端层面。服务器再快，如果每次都要传输一堆未经优化的资源照样慢。
提速方案和预期效果
按优先级排序的优化措施：① 图片优化（WebP格式+适当尺寸+懒加载）→ 预计减少60%-70%的页面体积 → 加速效果⭐⭐⭐⭐⭐。② 启用gzip/brotli压缩→ 文本资源缩小60%-70% → 加速效果⭐⭐⭐⭐。③ 合并压缩CSS/JS→ 减少HTTP请求数 → 加速效果⭐⭐⭐⭐。④ 设置缓存策略→ 回访用户秒开 → 加速效果⭐⭐⭐⭐⭐。⑤ 上CDN→ 全国加速 → 加速效果⭐⭐⭐⭐⭐。
这个站长按这个顺序一步步做下来，首页加载时间从6.8秒降到了1.9秒（GTmetrix评分从D升到了A）。Google PageSpeed Insights的移动端评分从38涨到了82。最重要的是——页面停留时间增长了45%，广告收入也跟着涨了。你在泉城广场如果也在为网站速度发愁，按这个顺序做准没错。
提速的成本账
好消息是大部分优化措施都是免费的。图片压缩可以用免费工具（TinyPNG/ImageOptim）；gzip压缩在nginx/apache里一行配置就行；CSS/JS压缩可以用免费工具（webpack/gulp或者在线压缩）；lazy loading一行HTML属性；缓存策略也是在服务器配置里设一下。唯一要花钱的是CDN——但中小型网站一月也就几十到几百块。
我帮这个站长算过：他花了大约两个小时做前面四项免费优化（效果已经很明显了），然后花了三百块/年买了CDN服务。总共投入不到五百块但网站性能提升了三倍以上。这个ROI在任何行业都是惊人的。灵岩寺的站长朋友们别再犹豫了，今天就动手吧。网站加载提速大部分优化都是免费的，关键在于你知道该优化什么。