前端性能优化的目的
前端性能优化的目的是：
使用更多的内存、缓存或其他方法
减少CPU和GPU计算并更快地显示
前端优化有两个方向
减少页面容量并提高网络负载
优化页面渲染
1.减少页面容量并提高网络负载
*静态资源的压缩和合并（JS代码压缩和合并、CSS代码压缩和融合、Sprite图）
*静态资源缓存（带有MD5标记的资源名称）
*使用CDN更快地加载资源
2.优化页面渲染
*CSS在前面，JS在后面
*延迟加载（图片延迟加载，下拉加载更多）
*减少DOM查询并缓存DOM查询
*减少DOM操作，并尝试组合多个操作（“DocumentFragment”）
*事件限制
*尽早执行操作（'DOMContentLoaded'）
*使用SSR后端渲染，数据直接输出到HTML，减少了浏览器使用JS模板在页面上渲染HTML的时间
