前端包括HTML、CSS、 Javascript、Image 、Flash等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验；从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。

    web前端网页优化工作

    一、减少http请求。减少HTTP请求数的主要途径包括：

    (1). 从设计实现层面简化页面，如果你的页面像百度首页一样简单，那么接下来的规则基本上都用不着了。保持页面简洁、减少资源的使用时最直接的。如果不是这样，你的页面需要华丽的皮肤，则继续阅读下面的内容；

    (2). 合理设置 HTTP缓存，缓存的力量是强大的，恰当的缓存设置可以大大的减少HTTP请求。

    二、优化代码

    让代码变得简洁高效。代码越多，页面文件就越大，这样不利于提高页面的加载速度。所以在精简代码，减少不必要标签的同时也要善于合理利用标签。

    三、js层面优化

    尽量减少DOM操作，DOM操作尽量做到批量更新，减少页面回流和重绘；

    避免内存泄漏，及时清理已经没用的定时器、挂载的事件和其他引用；

    合理使用事件委托，避免给大量子元素添加相同事件。

    四、CSS优化

    .CSS放在head里：使其尽早下载，因为chrome需要下载完所有的css后才渲染页面；

    .避免选择器层级太多，提高解析匹配速度；

    .对于css中可继承的属性，如font-size，尽量使用继承，少一点设置。