新版本上线，毛都快长出来了。老大说用户反馈页面加载慢，lulu继续做性能优化，于是问题来了，怎么办？摸着刚长出来的头发，陆陆准备去请教奶奶。性能优化奶奶：前端性能优化主要有两个原则。使用更多的内存、缓存或者其他方法来减少CPU的计算和网络请求小鹿：好像很有道理，那么从哪里入手呢？奶奶：用户在屏幕前做什么？不就是耐心等待页面加载，在页面上操作吗？如果您减少请求和加载，用户可以等待更少。加载页面和静态资源页面渲染Lulu：外婆就是外婆，秒懂！（眼睛亮了）考虑一下，列一个清单。加载优化静态资源压缩合并静态资源缓存使用CDN让资源加载更快使用SSR（ServerSideRender）后端渲染，数据直接输出到HTML渲染优化前端CSS，后端JS延迟加载（lazyloadingofimages,Pulldowntoloadmore）以减少DOM查询，缓存DOM查询以减少DOM操作，尝试将多个操作组合在一起执行事件限制（将频繁操作合并为一个）尽快执行操作（例如DOMContentLoaded)，老板来催促，要抓紧时间开始做事，照单子一步步来。1、加载优化（1）静态资源的压缩合并将多个文件压缩合并为一个，减少请求数手动合并构建工具merge(2)静态资源缓存通过链接名控制缓存,且名称不变两者都从缓存中取文件只有当内容改变时，链接名称改变，更新缓存(3)使用CDN做资源加载更快使用CDN会比个人服务器更快，这就是原因。(4)后端渲染使用SSR(ServerSideRender)使用SSR(ServerSideRender)后端渲染，数据直接输出为HTML，无需使用ajax请求。现在VueReact提出了这样一个概念，jsp、php、asp都属于后端渲染2.渲染优化(1)CSS放在前面，JS放在后面页面加载的原理可以解释一下。CSS放在head而不是body中，这样可以方便的先加载CSS然后一次性渲染（而不是默认渲染然后覆盖）。JS放在body底部，因为JS会阻塞渲染。(2)懒加载比如渲染的时候先给img赋一个小图，然后通过JS加载原图。
