网站打开慢，用户等不起，搜索引擎也不喜欢。我有个站，刚开始加载要5秒多，跳出率高达70%。优化后，加载时间降到1.5秒，跳出率降到30%，流量直接翻倍。今天就把我压箱底的性能优化经验分享出来。

先找准瓶颈

优化不能瞎搞，得先找到瓶颈在哪。用Google PageSpeed Insights或者GTmetrix测一下，会告诉你具体问题：是图片太大？脚本太多？还是服务器响应慢？我一般先看TTFB（首字节时间），这个指标反映服务器响应速度。如果TTFB超过500ms，说明服务器端有问题，得从服务器优化入手。

再用Chrome开发者工具的Network面板，看每个资源的加载时间。哪个文件大、哪个请求慢，一目了然。我见过太多人盲目优化，图片压缩了半天，结果瓶颈在数据库查询上，白忙活。

服务器层面优化

服务器响应慢，常见原因就几个：配置低、没缓存、数据库慢、代码烂。

配置低好办，升级VPS。但很多时候不是配置问题，是配置不当。比如PHP的内存限制太小，并发一高就挂。Nginx的worker进程数没设对，CPU再多也白搭。这些参数要根据实际情况调，别照搬教程。

缓存是提升速度最立竿见影的手段。开启OPcache缓存PHP脚本，Redis缓存数据库查询，Nginx缓存静态文件。我有个站，开启缓存前后，响应时间从300ms降到30ms，10倍提升。

数据库优化也很关键。慢查询日志打开，看看哪些SQL拖后腿，加索引、优化查询语句。我见过一个查询跑了5秒，加了个索引变50毫秒，这种优化最爽。

图片优化

图片通常是页面上最大的资源，优化图片效果最明显。首先格式要选对，照片用WebP，图标用SVG，别一股脑全用JPG。WebP比JPG小30%以上，质量还更好，现在浏览器都支持了。

尺寸要合适，别在缩略图位置放原图。我见过有人上传张5MB的原图，缩略图位置显示200×200，纯属浪费流量。上传前用TinyPNG、Squoosh这些工具压一遍，体积小很多，肉眼还看不出区别。

懒加载也得做，图片滚动到视口再加载，首屏速度能快不少。WordPress装个Lazy Load插件就行，不用写代码。

代码和资源优化

CSS和JavaScript文件要合并压缩，减少HTTP请求。多个小文件合并成一个大文件，注释和空白去掉，体积能小一半。WordPress有Autoptimize这类插件，一键搞定。

第三方脚本尽量少，每个第三方脚本都是性能杀手。Google分析、Facebook像素、各种广告代码，能少就少，能异步就异步。我见过一个站，光第三方脚本就20多个，页面不卡才怪。

Critical CSS内联，首屏需要的CSS直接写在HTML里，避免渲染阻塞。这个稍微专业点，但效果很好。有个在线工具叫Critical，可以自动生成Critical CSS。

CDN加速

CDN是提升访问速度最有效的手段之一，特别是用户分布在全国各地的情况。Cloudflare免费版就够用，全球节点，自动压缩，还能防CC攻击。配置也简单，改下DNS，把流量走Cloudflare就行。

静态资源走CDN，动态内容走源站。图片、CSS、JS这些放CDN，HTML还是从源站出。这样既快又稳，源站压力也小。

数据库优化

数据库慢，整个站都慢。除了前面说的加索引，还有几个优化点：查询缓存打开，连接池配置好，定期清理无用数据。我有个站，几年积累了几十万条垃圾数据，清理后查询速度快了一倍。

读写分离也是个思路，主库写，从库读，分担压力。不过这个对架构有要求，小站可能用不上。

监控和持续优化

优化不是一劳永逸的，得持续监控。装个New Relic或者Datadog，实时监控性能指标。发现哪个接口慢了，及时排查。我一般每周看一次性能报告，发现异常波动就分析原因。

版本更新也可能影响性能，每次更新插件或者改代码后，记得再测一次速度。我遇到过一次WordPress更新后，某个插件冲突，页面加载时间直接翻倍，排查了半天。

实际案例

说个实际案例。我有个电商站，优化前加载5.2秒，跳出率68%。优化步骤：1.换更快的VPS；2.开启Redis缓存；3.图片全转WebP并懒加载；4.合并压缩CSS/JS；5.上Cloudflare CDN。优化后加载时间1.4秒，跳出率29%，转化率提升40%。就这些操作，效果立竿见影。

总结

性能优化是个系统工程，从服务器到前端，每个环节都有优化空间。别指望一步到位，先做效果最明显的，比如缓存、图片、CDN，这些投入小见效快。然后再慢慢优化代码和数据库。记住，速度就是用户体验，就是钱。

更多性能优化工具和资源：https://mjj.728.hk/