前端项目性能上的优化是什么 通透的说,前端性能优化是指: 当用户开始访问网站到整个页面完全展示出来时,通过各种优化方法和策略,让页面更快的加载出来,让用户体验感更好。
前端性能优化方法:
1,减少http请求数
常用的减少http请求数有以下几种:
1)合并图片。当图片较多时,可以合并为一张大图,从而减少http请求数。经常变化的图片可能不太合适,变化相对稳定的就可以考虑。合并大图除了能减少http 请求数外,还可以充分利用缓存来提升性能。
2)合并压缩css样式表和js脚本,他们的共同目的都是为了减少http连接数。
3)去掉不必要的请求。开发写代码或者系统升级之后残留的无效请求连接。
4)充分利用缓存。这里说的缓存是客户端侧缓存或者说浏览器缓存。Expires头信息是客户端侧缓存的重要依据,格式类似于Expires:sun ,20 Dec 2021 23:00:00 GMT。 如果当前时间小于Expires指定的时间,浏览器就会从缓存中直接获取相关的数据信息或html文件,如果当前时间大于Expires指定的时间,浏览器会向服务器发送请求来获取相关数据信息。
以Apache为例,可在Apache的配置文件httpd.conf中设置Expires。
2,图片进行优化
- 首先图片格式尽量使用png格式,体积相对来说更小。
- 对于不同格式的图片文件,在上线之前最好进行一定的优化
- 图片延迟显示,也就是进行懒加载
3,外部资源使用CDN引入
CDN即内容分发网络,可以使用户就近取得所需内容,解决网络拥挤的状况,提高用户访问网站的响应速度。
4,功能相似的组件与逻辑抽离并复用
一些功能相似的组件与逻辑为了避免反复书写增加代码体积,可以进行组件封装来反复调用使用
5,长列表数据进行懒加载
后台返回数据较大时,可以使用上拉加载或触底刷新来进行数据的接入