响应式网站在手机上打开慢，不一定是设计问题

客户经常反馈：电脑上看网站挺快，手机就很卡。很多人以为是响应式没做好，其实大半是图片和资源加载的问题，改几处往往就能明显改善。

原因一：首页大图没压缩。一张 3MB 的 banner 在 4G 网络下要加载好几秒。我们一般要求 banner 单张控制在 200KB 以内，用 WebP 格式更好。

原因二：插件装太多。有些模板自带各种特效脚本，PC 端带宽够感觉不到，手机端就拖后腿。非必要的动画、第三方统计代码，能晚加载就晚加载。

原因三：服务器离用户远。站点放海外机房，北京用户访问延迟高。顺义客户如果主要服务本地和华北，选国内节点更稳。

原因四：没有做移动端图片适配。同一套 CSS 响应式只是改布局，如果手机还在下载 PC 尺寸的大图，浪费流量也慢。可以用 srcset 或后台上传时自动生成缩略图。

875 给客户做性能检测时，会用 PageSpeed 和国内几个测速工具各跑一遍。通常优化图片 + 开 CDN + 精简脚本，手机打开能从 5 秒降到 2 秒以内，用户体验差别很大。