网站打开速度慢怎么排查？按影响大小排的四层原因，附一份 15 分钟自查清单

客户在微信里发来一句「网站怎么半天打不开」，后台看数据一切正常，自己刷新也快。自己这边缓存热、网络好，测出来的数不代表访客的体验。这种情况先别急着怀疑服务器，八成慢在图片和首屏请求上。网站打开速度的问题可以分成四层来查，按影响大小从上往下过，大部分站在前十分钟就能定位到问题出在哪一层。

网站打开慢，多数慢在图片

给一个判断基准：手机 4G 网络下，首页要在 2 秒左右出内容，整页图片加起来最好控制在 1MB 以内。一张手机直传的原图有 3–5MB，哪怕只放一张当 banner，就把整页的预算吃光了。

我们当时在自家官网上就撞过这一下：第一反应是服务器配置不够，升了一档，数字纹丝不动。后来用开发者工具一看，首页顶部那张 banner 是 4MB 的原图，占了整个加载时间的大头。压到 200KB 以内，首屏时间从 6 秒掉到 1 秒多，升级配置的钱等于白花。

所以第一层先查图。做法不复杂：

• 首页用图先压缩再传，单张控制在 300KB 以内；
• 大图优先转 WebP 格式，同画质体积能小三成左右；
• 手机直拍的照片不要直接传，导出时选适合网页的质量；
• 装饰性底图能换成纯色或渐变就换，省下的都是加载时间。

浏览器按 F12 → 切到 Network 标签 → 刷新页面 → 按体积排序列一下，哪张图最重一目了然。这 1 分钟比任何猜测都管用。

第二层：首屏塞了多少东西

图压过了还是慢，就看首屏在加载什么。常见的拖累有在线客服悬浮窗、第三方统计代码、自动播放的头部视频。它们有个共同点：不在你自己的页面文件里，页面加载时还要再去请求别的域名，一来一回就是几百毫秒。

头部视频值得单独说。一段 10 秒的自动播放视频，就算压过也有 2–3MB，放在首屏等于把图那层的功夫全退回去。真要放视频，更稳的做法是封面图加一个播放按钮，用户点了再加载。字体文件同理，很多站为了几个标题效果引入整套字体包，一套中文字体 5–8MB，标题其实用系统默认字体就够了。

有个办法能分清责任：还是 Network 面板，看域名那一列，数一下请求数。首页请求超过 60 个就该做减法。客服代码必须留的，改成用户滚到页面底部再加载；统计代码留一家就够，别同时挂两家。

第三层：服务器和线路

前面两层都干净了，才轮到服务器。判断方法：图片本来就不重、请求也少，但每个请求的等待时间（TTFB）都在 1 秒以上，那就是服务器响应慢，或者线路绕远了。拿着这份数据去找服务商，比凭感觉升级配置省钱。

这一层有个国内特有的前提：服务器放国内，域名要备案。除了合规，海外节点访问大陆延迟普遍高一截，目标客户在国内的话，这件事没有绕开的余地。备案走下来要 1–3 周，急用站的客户得把这个时间提前算进去。

也要说实话：图和首屏这两层你自己动手就能改，服务器这层多数时候没法自己动手，调配置、换节点都要服务商配合，多半意味着额外花钱。系统和服务商那一侧你能改的其实有限，环境配好之后，手里剩下的变量主要就是图和内容。服务商的底细可以先看一眼公司介绍页（深量是家什么公司），选之前弄清楚对方做过什么、服务跟不跟得上。

第四层：页面结构和动效

这层最少见，也最隐蔽。有的模板首页堆了七八个模块，每个都带进场动画，滚动触发、延迟出现，效果是有了，中端手机渲染起来就卡。判断方法：找一台用了 3 年以上的旧手机开一次自己的官网，电脑上流畅、旧手机卡，基本就是这层的问题。

处理方式是做减法：首屏留一个主视觉加一句主文案，动画只保留一处，其余模块砍到一屏半以内。页面短了，访客的转化路径也跟着短。

一份 15 分钟的自查清单

按顺序过一遍，多数站在前两步就能见效：

• 开发者工具 Network 按体积排序，记下超过 500KB 的图片；
• 首页请求总数超过 60 个的，数第三方代码占几个；
• 关掉 Wi-Fi 用流量实测一次首屏时间，记下数字；
• TTFB 普遍超过 1 秒的，带着数据找服务商谈，别先升级配置；
• 换图、换格式之后注意把旧图从页面里删干净，别让两张图同时挂着；
• 一次只改一个变量，改完测一次，不然后面分不清哪步起了作用。

我自己按这个顺序处理手头的站，一次只动一处，节奏慢一点，但每次都知道时间和钱花在哪。图和第三方代码这两层改完当场就能看到变化，反馈最快。

测速还有个常被忽略的细节：要分设备、分网络各测一遍。办公室 Wi-Fi 下流畅的站，换到地铁里的 4G 环境可能是另一回事。测的时候顺手记下日期和网络环境，隔一段时间再测，数字才有可比性，不然每次都是「感觉变快了」，说不清。

四层都过了还是慢，再谈动系统

图压了、代码减了、服务商那边响应也正常，速度还是上不去，那问题可能出在建站系统本身：模板太重、前端输出不干净，这不是调内容能解决的。换系统之前，把现在这版的数据留好——首屏时间、请求总数、TTFB，换完才有对照，也才有底气判断钱花得值不值。

顺带说一句，日常批量改页面标题、图片说明这类活，H5 自助建站开放了 MCP 服务，能对接 WorkBuddy、Codex 这类 AI Agent，用自然语言批量做。几十个页面的标题一个个点进去改要半天，批量做几分钟的事。它的能力范围和后台操作，介绍页里列得比我在这里说得细（H5 自助建站的功能清单）。这一档支持先在线试用，觉得合适再买（先在线试用，觉得合适再买）。

另一条路是云-速成美站（云-速成美站这一档），阿里云上它的评分和成交记录都是公开的，看看用过的人怎么评价再定（看看用过的人怎么评价）。

最后提醒一句：速度优化这件事，内容侧的功夫占七成。先把自己的图管好，再谈换系统、升配置，顺序反了多半白花钱。