subtitle
2020
11
06
渲染优化 渲染优化
减少重绘回流: 使用变量缓存dom节点，不要频繁读取。 通过DocumentFragment或innerHTML批量操作dom dom隐藏，或复制到内存中，类似vitual dom，进行修改，完成后再替换回去 动画元素一定要abs
2020-11-06 前端性能优化
性能优化 卷 渲染优化
06
06
首屏优化 首屏优化
1.长列表 后端返回一万条数据，使用长列表技术 2.webpack打包，项目的html、css、js、图片压缩打包，排除掉项目不需要加载的空格、回车、注释 3.服务端渲染，加载完html直接渲染，减少白屏时间（看项目情况）
2020-11-06 前端性能优化
性能优化 卷 首屏优化
06
06
06
加载优化 加载优化
1.减少（合并）http请求：在服务器端，每个http都需要启动独立的线程去处理。我们可以合并接口请求，合并CSS，合并精灵图。 2.script标签，放在后面，这样避免阻塞html的渲染 3.link标签，css引入放在前面，避免闪屏
2020-11-06 前端性能优化
性能优化 卷 加载优化
2 / 3