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