就以本站为例,我发现网站速度加载特别慢,那么好,直接打开浏览器开发者面板找问题,在network面板下我们先清空所有请求信息,然后强刷网页(Ctrl+F5),看看是那些资源请求影响了网站速度:
我这里呢是每张图片加载都在1-3s,显然图片的加载速度拖了后腿,那么“病根”就在这里,那么“病因是什么呢”,一方面我的服务器带宽很小,另一方面是本身图片体积较大,未做任何处理。
既然找到了原因,那么肯定是要解决一下的,总结了一下,可以从以下方面去着手:
1.对图片进行压缩后再上传,这里推荐一个蛮不错的网站:https://tinypng.com/
2.图片缓存
3.升级服务器带宽
4.图片懒加载
5.CDN加速
我主要采取了图片压缩和懒加载,网站加载速度就有很明显的提升了:
文章来源个人博客:前端小窝
https://www.garfield27.com/archives/58