网站加载慢?先别换服务器,看看这几个地方
博客上线之后,我一直觉得打开有点慢。一开始以为是服务器不行,准备换个更贵的。
后来排查了一下,发现根本不是服务器的问题——是我自己的代码和资源有问题。
一、图片太大了
我博客每篇文章都配一张头图,直接用手机拍的原图上传。一张图 5MB,打开首页要加载十几张,能不慢吗?
后来我把所有图片压缩到 200KB 以下,首页打开速度直接快了三倍。
教训:网站上的图片一定要压缩,别直接传原图。
二、CSS 和 JS 太多了
我装了好几个插件,每个插件都加载自己的 CSS 和 JS 文件。首页光外部请求就有二十多个。
后来我把没用的插件全删了,把几个小 CSS 合并成一个文件,请求数从 20 降到 5。
教训:插件能不装就不装,每个插件都是负担。
三、没开缓存
我一开始没开缓存,每次打开页面都要重新生成一遍。开了浏览器缓存和服务器缓存之后,第二次访问基本是秒开。
教训:缓存是免费的提速,一定要开。
四、用了 CDN
最后一步是把静态资源(图片、CSS、JS)放到 CDN 上。国内访问速度直接提升明显。
CDN 不是免费的,但有免费额度,个人博客完全够用。
最后
网站慢别一上来就怪服务器。先看看图片大不大、插件多不多、缓存开没开。这三个调完,大部分小网站都能快起来。
第一次来你博客,就被这篇吸引了。
说得太对了,就是这个道理。