优化项目加载速度，首屏渲染速度。

• html优化
  • 使用<!DOCTYPE> 声明
  • 减少嵌套层级
  • 减少不必要的Dom元素
  • 标签闭合
  • 在meta标签中配置缓存
  • < meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
• css优化
  • 将样式表引入放在页面上方
  • css文件不使用用@import
  • 移除空的css规则
  • 避免使用复杂的选择器
  • 避免重复使用有冲突属性 例如：float 和 display：block
  • 自定义字体文件，例如:font-awesome 中有很多字体文件，但有很多字体图标很确定是用不上的
  • css动画使用硬件加速
  • 提取重复样式
• js优化
  • 将脚本放在底部
  • 减小Cookie大小
  • 减少Dom操作
  • 避免事件重复绑定
  • 防抖， 例如：键盘输入事件，连续的输入不继续执行,等输入停止一段时间后在执行。
  • 节流
  • 缓存DOM节点查找的结果，例如：jQuery的链式操作
  • 操作DOM时，使用优先级高的选择器
  • 删除空函数
  • 优先使用异步函数
  • 操作数组时，缓存length
  • 避免全局变量
  • 避免使用eval
  • 使用全等 ===
• 按需加载
  • 路由配置按需加载
  • 静态文件按需加载
• 预加载
• builld 时代码压缩
  • 代码压缩删除注释
  • 删除测试代码 console、debugger
  • gzip压缩
• 减少http请求
  • 合并http请求
  • 打包成内联样式
• 缩短服务器响应用时
  • DNS域名解析加速
  • 使用CDN服务
• 使用缓存
  • 使用浏览器缓存
  • 使用localStorage 缓存
  • 服务器端使用缓存
• 使用精灵图
• 使用webp图片
• 请考虑缩短链长
• 适当调整图片大小