性能优化

• 多使用内存、缓存或其他方法

• 减少CPU计算、减少网络

• 加载页面和静态资源

• 页面渲染

加载资源优化

• 静态资源的压缩合并
• 静态资源缓存——通过链接名称控制缓存，只有内容改变的时候，链接名称才会改变
• 使用CDN让资源加载更快
• 使用SSR后端渲染，数据直接输出到HTML中
• CSS放前面，JS放后面
• 懒加载（图片懒加载、下拉加载更多）
• 减少DOM查询，对DOM查询做缓存（缓存DOM查询）
• 减少DOM操作，多个操作尽量合并在一起执行（合并DOM插入document.createDocumentFragment()）
• 事件节流
• 尽早执行操作（如DOMContentLoaded）