兴冲冲配置好了网站的基本要素,第一件事就是给网站换个背景啦!然而当我把背景图片换好后,我发现这个背景需要足足六秒才能加载完毕,这可不行。于是简单地对网站的图片进行了优化。

网站图片加载慢的罪魁祸首是他们!

罪魁祸首一:github过慢

由于众所周知的原因,github在国内的访问速度着实不美丽,我一开始将图片放到了github上,这样就吃了网速的亏。

解决办法:更换图床,我这里使用的是大名鼎鼎的SM.MS,目前来说免费就够用。

罪魁祸首二:图片过大

更换图床后,加载速度虽然有了改善,但也不是可以接受的程度。纳闷的我点开了别人的博客,观察他们网站的图片是如何加载的。然后我发现别人的背景图只有三百来K,而我的背景图有1.6M!问题瞬间明了,图片太大。

解决办法:我用格式工厂把png图片转成了jpg格式,分辨率不变,jpg是有损压缩,不过我看不出他们俩之间的差别~~最最重要的是,图片终于可以“秒加载”了!开心!

更多优化空间

在网上看到还有使用懒加载的,播放加载动画的,以后有时间了可以考虑实现,我对于现在的效果足够满意了