cdn.jpg博客上线之后,我一直觉得打开有点慢。一开始以为是服务器不行,准备换个更贵的。

后来排查了一下,发现根本不是服务器的问题——是我自己的代码和资源有问题。

一、图片太大了

我博客每篇文章都配一张头图,直接用手机拍的原图上传。一张图 5MB,打开首页要加载十几张,能不慢吗?

后来我把所有图片压缩到 200KB 以下,首页打开速度直接快了三倍。

教训:网站上的图片一定要压缩,别直接传原图。

二、CSS 和 JS 太多了

我装了好几个插件,每个插件都加载自己的 CSS 和 JS 文件。首页光外部请求就有二十多个。

后来我把没用的插件全删了,把几个小 CSS 合并成一个文件,请求数从 20 降到 5。

教训:插件能不装就不装,每个插件都是负担。

三、没开缓存

我一开始没开缓存,每次打开页面都要重新生成一遍。开了浏览器缓存和服务器缓存之后,第二次访问基本是秒开。

教训:缓存是免费的提速,一定要开。

四、用了 CDN

最后一步是把静态资源(图片、CSS、JS)放到 CDN 上。国内访问速度直接提升明显。

CDN 不是免费的,但有免费额度,个人博客完全够用。

最后

网站慢别一上来就怪服务器。先看看图片大不大、插件多不多、缓存开没开。这三个调完,大部分小网站都能快起来。


相关阅读

参考资料

标签:网站, 建站, 性能, 加速

2 条评论

  1. 咖啡不加糖 咖啡不加糖

    第一次来你博客,就被这篇吸引了。

  2. 南山南 南山南

    说得太对了,就是这个道理。

你的评论