作为一个合格的Web前端工程师，Web前端性能优化是一个必须掌握的知识，那么我们该如何进行Web前端性能优化呢？

一、CSS的灵魂

在国内，CSSSprites被称为CSS精灵，是一种网页图片的应用处理方式。这使您可以将网页所涉及到的所有零散图片都包含在一张大图中，这样，当您访问该网页时，所载入的图片就不会像以前那样单幅地缓慢显示。就目前的网络速度来说，一张图片加载200KB以下的时间基本上是差不多的，所以不用担心这个问题。

二、编码压缩

（1）用div布局代替table。

在div布局中尝试使用table标签布局HTML，至少可以节省40%的代码量。因为div代码比table布局的HTML页面要少，搜索引擎的索引权重也要好于table布局的HTML页面。

（2）精简各种标签，如div、span、ul、li等。

有时，在布局DIV+CSS网页时，可以节省一些DIV布局代码，减少代码数量。

（3）删除多余的空白。

移除多余的空格换行，可以有效压缩HTML代码占用的字节，一般可在HTML中的代码开发完成后移除换行和空格内容。

（4）表格类型布局时，适当使用表替代div布局。

在表本身的数据列表排版方面，我们最好选择table，因为在表布局上，table比div布局好，而在div布局上，table比div布局省去了HTML标签代码和CSS样式。

（5）GZIP网页压缩。

建议您自己的服务器设置网页Gzip压缩。

三、高质量的JS代码当然可以省去很多事情，封装JS和重复调用方法可以大大减少操作。

四、减少DOM上的操作。

（1）创建一个临时的父元素。

创建子元素，并添加内容、设置属性等。

（3）在临时父元素中添加把子元素。

（4）向DOM树添加临时父元素。

五、使用JSON格式来实现数据交换。

原则：JSON是一种轻量级的数据交换格式，采用与语言完全无关的文本格式，是理想的数据交换格式。与此同时，JSON是JavaScript的原生格式，这意味着无需任何特殊API或工具包就可以在JavaScript中处理JSON数据。

六、有效地使用HTML标签和CSS样式。

七、利用CDN加速（内容分发网）

其全名为ContentDeliveryNetwork，也就是内容分发网络。CDN是建立在现有网络基础上的智能虚拟网络，依靠分布在各地的边缘服务器，通过*平台上的负载均衡、内容分发、调度等功能模块，让用户就近获得需要的内容，减少网络拥塞，提高用户访问响应速度和命中率。其关键技术主要是内容存储和分发技术。

八、简化CSS和JS文档。

九、注意控制cookie的大小和污染程度。

2011年达内获得高盛三轮融资后，达内又启动了“阳光计划”，希望帮助更多优秀的贫困学生接受高端IT教育;2012年，达内再次携手中国残疾人联合会启动第二期达内高端测试班,公益资助30名学生，帮助他们改变自己命运;2012年，达内得知佳木斯第十九中学老师张丽莉舍身救学生的事件后，第一时间向相关公益慈善为最美女教师组织捐款。达内自成立以来，达内累计捐款已经数千万，资助3万名多名贫寒学子接受高端IT培训，改变了他们的命运，达内国际集团主要业绩：达内国际集团作为中国高端IT培训的翘楚，从创业之初就倡导 “诚信、创新、开放、合作”的企业文化，同时经营战略一直都保持经营模式和产品保持行业的领先一步。