技术博客

营口站长遇到图片加载慢,先别急着换服务器

阅读:2

营口一位做本地资讯站的站长找我,说网站慢得没法看,打算把现在两千一年的服务器换成八千一年的。我说你先别急,让我测一下。测完发现,他的服务器响应时间只有两百毫秒,慢的全是图片。换服务器一分钱作用都不会有。我把测试结果给他看,他半天没吭声。

先测三个数,别凭感觉

排查要讲证据。第一个数是服务器响应时间,看后台处理快不快;第二个数是页面总大小;第三个数是首屏加载时间。这三个数一出来,慢在哪就清楚了。猜是猜不出来的,得测。响应时间超过一秒,才是服务器的问题。服务器响应快、页面又大,那就是前端的问题,跟服务器没关系。

图片问题的四个典型症状

我总结了一下:一是单张图超过五百KB;二是页面图片总数超过三十张没做懒加载;三是用了PNG却明明是照片;四是图片尺寸远大于显示尺寸。这四条占一条就够拖慢网站了。占得越多,慢得越离谱。图片这条,十个站有八个栽在这儿。

对应怎么改

针对那四条,改法也很明确。单张图压到两百KB以内;开懒加载;照片一律转JPG或WebP;按显示尺寸裁剪。这四件事做完,页面大小一般能降七成以上。那位站长的网站做完之后,加载从九秒降到两秒半。服务器还是原来那台,一分钱没多花。这四步不花钱,只花时间。这四步不花钱,只花时间。

怎么验证有没有效果

改完一定要测,别凭感觉。我的标准是:手机网络下首屏三秒内出来,页面总大小控制在两兆以内。达不到就继续改。还有个小技巧:用不同手机、不同网络各测三次,取最慢的那次。别在自己办公室的wifi下测,那不准。wifi快,测出来的数没意义。

总结

营口站长遇到网站慢,先测服务器响应时间、页面大小、首屏时间这三个数,九成问题在图片上。压缩、懒加载、转格式、裁尺寸,四步做完再测。测完不行,再考虑换机器也不迟。老边区有个站也是这样,省下了一笔冤枉钱。先花时间,再花钱,这个顺序不能反。那位鲅鱼圈站长后来省下了六千块的服务器钱,逢人就讲这事。别急着花钱换机器。


点击开启在线咨询