共计 337 个字符，预计需要花费 1 分钟才能阅读完成。

共计 602 个字符，预计需要花费 2 分钟才能阅读完成。

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