为了保证项目的性能和用户体验，我们需要了解项目中性能不足处，并不断进行优化。
图片优化
1.一般的图片文件往往过大，项目性能低，因此需要使用合适的图片压缩工具，对图片进行压缩，需要在减小图片文件大小的同时保证图片具有较好的视觉质量。（如tinypng）
2.图片的格式也是不能忽视的问题，需要考虑适用的场景来选择相应的图片格式。JPEG格式的压缩率是目前各种图片文件格式中最高的，同时能够轻松处理16.8M颜色，可以很好地再现全彩色的图像；PNG格式具有更高的颜色深度，也可以显示透明度，因此可以创建具有透明背景的图像。
3.同时在代码中进行图片的延迟加载，也叫做懒加载。
4.避免img，iframe等标签的src属性为空，空src会重新加载当前页面，严重影响速度和效率。
前端资源优化
1.减少HTTP请求次数，可以使用雪碧图，图片压缩等方法减少静态资源的HTTP请求次数。
2.使用浏览器缓存，在合适的情况下，使用浏览器缓存可以显著减少请求时间，提高页面加载速度。
3.延迟加载组件，对一些比较耗时的组件，可以使用懒加载，等到用户需要使用的时候再加载，避免一次性请求过多资源导致卡顿。
4.使用Webpack进行打包和压缩，Webpack可以将多个JS，CSS文件打包成一个文件，减少HTTP请求次数；同时还可以进行代码压缩，减少文件大小，提高加载速度等。
5.去掉不必要的请求，开发写代码或者系统升级之后残留下来的无效请求连接。
6.异步加载第三方资源，第三方资源往往不可控，会影响页面加载，所以要异步加载第三方资源。
数据请求优化
1.使用缓存，在网站或者应用程序上使用缓存可以帮助减少对服务器的请求，比如对于不经常变化的数据可以将其缓存在客户端或者服务器端，减少重复的数据请求，并加快加载速度。
2.减少数据大小，尽量使用较小的图像，视频和其他媒体文件，并使用工具压缩文件。也可以考虑使用文本替代图像，因为文本相比于图像通常占用更少的空间。
