web性能优化是一个比较大的一个问题,不是一天两天就能学会的,需要在日常中思考和学习。
先收藏一篇文章,以后有时间在慢慢研究。毫秒必争,前端网页性能最佳实践这是一篇讲关于web性能优化的。
下面是讲我工作中遇到的几个优化问题。
1.使用缩略图优化图片显示速度
手机端由于性能、资源和网络的原因,没法和电脑比,在手机上显示图片的时候,要显示缩略图。
之前做过一个项目,由于经验不足,没有保存缩略图,在手机上显示的图片都是原图,图片少的时候还能接受,图片一多,整个页面都卡死了,甚至微信都闪退了,后面改成在手机端显示缩略图之后,页面的速度快了很多。
我是在上传图片的时候做了处理,多保存了一份缩略图,原图在可接受的范围内也做了压缩。
图片的大小是影响性能的一个很重要的因素。
2.css和js的压缩
对页面引用的样式和js文件进行压缩,合并一些js和css文件减少请求等,也是web性能优化的一个方法。
我们的站点都是使用ASP.NET MVC开发的,文件压缩合并使用的是ASP.Net MVC中自带的Bundle进行压缩合并,使用bundle主要的作用就是压缩和合并文件,减小请求的体积和次数,当文件有更新的时候,还能帮忙清除浏览器缓存,是使用Asp.Net MVC开发站点压缩文件的首选。
这里还需要注意的是,bundle压缩的文件最好能独立运行,有依赖关系的要进行合并压缩,不然可能会报错。
后面如果还用到了什么优化的方法会继续更新