前端性能优化笔记

94 阅读1分钟

1.全局配置可外链使用,如echart图表公用配置,公用方法库

2.图片可采用雪碧图,使用定位展示

3.引入外部组件按需加载

4.节流&&防抖按需使用

5.单文件代码行数不宜过大,尽可能抽离各个板块,防止shit

6.在 **window.onload** 事件里执行 **new Date() - performance.timing.navigationStart**即可获取首屏时间

  1. script-> sync懒加载、defer同步 preload优先加载 prefetch空闲加载 (rel="prefetch")