前端优化方法

60 阅读1分钟

1.路由懒加载(配置路由表时:(1).常规是在上方import,路由表中写component:路由名(2).路由懒加载时,上方什么也不写,直接在路由表中写component的地方值写(:)()=>import(路径)::实现了切换时才加载路由,常规是页面初始化时渲染所有路由,避免页面初始化时白屏太久,提高性能) 2.图片懒加载((2)vue最简单的方式:(1).npm(2).引入(3).将src替换为v-lazy标签(2)交叉观察器:IntersectionObserver) 3.精灵图((1).background:url()(2).background-position:数字,数字) 4.CDN加载包(待定:内容分发网络::具体也没用过) 5.压缩上线代码 6.防抖 7.节流

image.png