js进阶 请求优化,渲染优化,JS优化

1.请求优化

  • 节流函数:一般用于,类似按钮请求这些,防止你一秒点击多次按钮产生重复请求,

  • 防抖函数:一般用于,类似实时监听input的请求,防止请求过多

  • 合理的应用缓存减少CPU计算、减少网络请求

2.渲染优化

  • 静态资源的压缩合并(webpack 构建工具),不是根高级但是很有用。
  • 合并css,利用css继承
  • CSS放前面,JS放后面
  • 懒加载(图片懒加载、下拉加载更多)
  • 避免css@import
  • 使用SASS/LESS, 无必要深层次的规则,这可能会导致复杂
  • 避免逐条改变样式,使用类名去合并样式

3.JS优化

  • 尽量少使用全局变量,因为全局变量其实是window对象的成员,而局部变量是放在函数的栈里的

  • 尽量作用JSON格式来创建对象,而不是var obj=new Object()方法。

  • 如果需要连接多个字符串,应该少使用+=:

  • 尽量减少重定向,因为浏览器访问网址是一连串的过程,如果访问到一半,而跳转到新的地址,就会重复发起一连串的过程,这将浪费很多时间。所有我们尽量避免重定向。Google建议

猜你喜欢

转载自blog.csdn.net/qq_41950190/article/details/106684401