2.4 性能与体验优化：快就是竞争力

慢的真实代价

先讲清楚为什么性能值得专门拿一节来讲。一个网页打开慢，会同时伤害两条线：

抓取线：爬虫每次到访的时间是有限的。如果你的页面又大又慢，爬虫在规定时间内能抓的页面就变少，新内容被发现和收录的速度随之变慢——这直接拖累前两节的成果。收录规则的具体细节以各平台官方文档为准，但“快站好收录”是所有站长的共识。

转化线：客人的耐心以秒计。一个让人等得心焦的页面，访客往往在内容出现前就点关闭了。你辛辛苦苦写的文章、拍的图，客人都没看到，等于白做。

所以本节的核心观点是：快就是竞争力。而且对普通人来说，性能优化不需要高深技术，就是把四件事做对。先看全貌，再逐项动手：

四项核心优化

图片：压缩与懒加载

图片几乎总是网页里最大的负载，也是普通人最容易优化的地方。

压缩：上传前把图片处理一遍。现在的手机随手一拍就是好几兆，直接传上去，访客要下载数秒。做法：截图和图标用 PNG 格式，照片优先用 JPG 或新一代的 WebP 格式；多数建站平台自带图片自动压缩功能，记得开启；如果手动处理，用常见的图片压缩工具把单张照片控制在几百 KB 以内再上传。

懒加载：让浏览器先加载用户屏幕内的图片，滚到哪儿加载到哪儿，而不是一次性下载全页几十张图。主流建站工具的主题设置里一般有“图片懒加载”开关，打开即可。

字体：精简字库与个数

自定义字体很占体积——一个中文字体动辄数兆，因为要包含几千个汉字。给新手的建议：正文老老实实用系统默认字体，它们在访客设备上零下载、显示快；品牌标题若一定要用特殊字体，只用于少量文字并选择子集化（只打包用到的字）后的精简版；全站字体种类控制在两三种以内。字体加载的具体方案，以你所建站平台的文档为准。

缓存：让回头客不用重新搬货

缓存的道理像常去的小饭馆：熟客一进门，老板不用再问忌口，直接下单。浏览器缓存就是把网站的静态资源（图片、样式文件、脚本）在访客设备上存一份，第二次访问时直接用本地的，不用重新下载。主流主机面板和建站平台都有缓存开关或缓存插件，开启后自己换个浏览器访问两遍验证生效。要注意一个坑：改了页面样式没变化时，先清浏览器缓存再排查别的。

第三方脚本：能省则省

统计代码、在线客服、社交分享按钮、广告代码……这些都是挂在页面上的第三方脚本，每个都会拖慢加载，装多了页面会明显变卡。处理原则很简单：逐个盘点，用不上就删。问自己一个问题：这个功能三个月内我真的用过吗？如果答案是否，移除它，页面立刻轻快。确需保留的，放在页面靠后的位置加载，别让它们挡住正文出现。

普通人的性能自检路径

不需要技术背景，按这三步走：

1. 用无痕窗口访问自己的网站，掐表感受：几秒能看到主要内容？翻几个页面有没有卡顿？这是最朴素也最真实的体感测试。
2. 打开浏览器开发者工具看加载明细。在页面上右键选“检查”，切到网络标签后刷新页面，按加载耗时排序，看看最慢的几项是什么——通常是几张没压缩的大图或某个第三方脚本，找到它们就找到了病根。
3. 用在线测速工具做整体体检。国内外都有免费的网页测速服务，输入网址即可获得加载表现报告和优化建议。不同工具的评分体系和指标各不相同，不必纠结某个具体分数，重点看报告里指出的“最耗时的资源”和“可优化项”，逐条处理。

发现问题后，对号入座查这张表：

移动端体验要点清单

最后附一份手机体验清单，全部用真手机验收一遍：

1. 文字不用双指放大也能轻松阅读。
2. 按钮和链接的点击区域足够大，手指不易点错。
3. 页面没有左右横向滚动条。
4. 弹窗可以一键关闭，且不反复弹出。
5. 电话号码、地址可直接点击唤起拨号或地图。
6. 视频播放正常，音量控制可用。
7. 在地铁、电梯等信号弱的环境下，页面主体内容仍能较快出现。

性能优化做完，第二篇的四块拼图就齐了：SEO 打好地基，GEO 让 AI 引用你，内容让人和 AI 都读得顺，性能让访客留得住。下一篇，我们把镜头从优化拉回到更大的图景——流量从哪儿来，网站怎么持续经营下去。