对网站性能优化的理解

何谓优化：

• 从用户角度：
  =》会使页面加载的更快
  =》对用户的操作响应的更加及时
  =》会为用户带来更好地体验

• 从服务端角度：
  =》减少页面请求次数
  =》减小请求所占带宽
  =》节省资源

小结：恰当的优化，不仅能够改善用户的体验，也能够节省一部分资源的利用。

优化的途径：

一、页面级别的优化

• 内联脚本的位置优化
• 按需加载资源
• 可使用ajax，局部刷新页面，减少页面请求次数

二、代码级别的优化

• HTML
  =》减少DOM节点，加速页面渲染
  =》正确的闭合HTML标签

• CSS
  =》删除重复的CSS样式，即把可共用的样式合并在一起
  =》应该避免TAG标签与CLASS或ID并存，比如 a.class 或者 button #id。
  =》减少查询的层级
  =》缩小查询的范围
  =》CSS样式表放在顶部，即放在head标签里

• JS
  -=》尽量少使用全局变量
  =》避免频繁的操作DOM节点
  =》外部JS脚本的引入放在最底部，即html标签之外

• CDN
  =》Content Delivery Network，即内容分发网络，代表网站加速服务
  =》使用远程CDN
  =》比如jquery.css或者bootstrap.css可以使用CDN方式引入