先找到慢在哪里
网站慢是个笼统的感觉，你得先量化它。用Chrome的F12开发者工具看Network面板，或者用GTmetrix跑一下，你会得到一个瀑布图。瀑布图会告诉你每个请求花了多少时间，瓶颈在哪一目了然。
郑州郑东新区一家做少儿英语培训的网站，老板说网站慢得要死。我跑了一下GTmetrix，页面完全加载要8.2秒。瀑布图显示：首屏HTML只花了0.3秒，但有个3MB的首页banner图加载了4.5秒，还有6个CSS文件和11个JS文件排队加载，总共花了3秒多。问题定位了——图片太大、静态资源没合并、没有缓存头。
CDN加速 立竿见影
CDN是解决跨地域访问慢的最快方案。你的服务器在郑州，广州的用户访问你，光网络传输就要绕好几跳。用了CDN之后，静态资源从离用户最近的节点返回，延迟直接砍掉一大半。
国内CDN选哪家？阿里云、腾讯云、百度云都用过，差别不大。关键是配置正确。常见错误：只CDN了图片没CDN的CSS和JS、动态接口也走了CDN导致不生效、缓存过期时间设太短。
那个教育网站上了CDN之后，首屏加载时间从8.2秒降到4.1秒。效果明显但还不够，继续下一步。
服务器端缓存配置
服务器端的缓存分好几层。第一层是OPcache，PHP脚本编译后的字节码缓存，开启后PHP执行速度提升30%到50%。第二层是Redis缓存数据库查询结果，避免每次请求都查库。第三层是页面静态化，直接把动态页面生成HTML文件。
这台服务器跑的是Nginx加PHP-FPM加MySQL。我给配了Redis缓存WordPress的数据库查询，又开了OPcache。数据库里有个options表查询特别频繁，加了索引之后查询时间从200毫秒降到了5毫秒。这几步做完，服务端响应时间从1.2秒降到了0.3秒。
说白了，很多时候网站慢不是带宽的问题，是服务器端处理慢。数据库没加索引、PHP没开缓存、Nginx没开gzip，这些基础优化做了就能省掉大量处理时间。
图片和静态资源优化
图片是拖慢网页加载的第一大杀手。那个教育网站的首页banner有3MB，一个图片顶别人一个页面的体积。
优化手段：第一，把banner图压到200KB以内，用TinyPNG或者ImageOptim压缩，画质几乎看不出区别。第二，CSS和JS文件合并压缩，6个CSS合成1个，11个JS合成2个，再用minify工具压缩。第三，给静态资源设置长缓存周期，Cache-Control设max-age等于31536000，文件名带hash版本号，改了文件用户端自动刷新。
这一步做完，页面加载时间从4.1秒降到了1.8秒。
另外一步 HTTP/2和懒加载
Nginx开启HTTP/2之后，多个请求可以并行传输，不用排队了。再把首屏以下的图片做懒加载，用户滚动到了才加载。这两步优化之后，最终页面完全加载时间定格在1.5秒。
从8.2秒到1.5秒，整个过程花了两天时间，没换服务器没加带宽，就是把该做的优化做了。郑州很多企业网站都有类似的问题，花点时间做加速优化，比升级服务器划算多了。别被忽悠了去升级带宽，带宽不是万能的，服务器端不优化给你100M带宽照样慢。