关于前端优化记录

1.如果在项目中有引入的本地图片,一定要去看看大小是否过大,我们需要去压缩一下图片文件的大小,会提升页面渲染的效率;

2.尽量减少接口的调用,但凡有重复的接口就一定可以把他们合成一个使用;

3.设置gzip的方式压缩文件,我们项目使用的是ngnix代理,那么我们可以在config文件里面添加下面代码:

#此处是设置开启gzip压缩  (所有文件类型)
    gzip  on;
    gzip_comp_level 4;
    gzip_buffers 4 16k;
    gzip_min_length 1k;
    gzip_vary on;
    gzip_types *;

4.在请求头添加强缓存和协商缓存:请参考下面文档

https://www.jianshu.com/p/fb59c770160cicon-default.png?t=M1FBhttps://www.jianshu.com/p/fb59c770160c5.从代码中优化,像一些数据量大的循环,善用js的方法,减小文件体积;

6.图片懒加载:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值