性能优化
静态资源尽量使用cdn,且使用单独域名
做好loading
小图片使用 精灵图/雪碧图,如果使用HTTP2.0,则此项无需优化
图片懒加载
代码切割,懒加载
防抖和节流
持续触发事件,例如 缩放、滚动、鼠标移动,键盘输入,多次快速点击等,如果每次都触发执行函数,则会有性能下降、频繁请求等问题。这种情况就适合使用防抖和节流。
- 防抖:触发事件后 n 秒后才执行函数,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。
- 节流:连续触发事件但是在 n 秒中只执行一次函数。稀释函数的执行频率。