Web性能优化，主要分为前端性能优化和后台性能优化两大部分，后台性能优化决定Web的使用能力，而前端性能优化则决定web的使用效果，也就是说涉及前端用户体验和Web易用性等情况，所以前端性能与用户体验有很大关系。

在前端优化之前，首先要了解它的总体性能状况，然后对它的总体情况进行分解和分析，了解它每一步所耗费的时间和精力，然后再对它进行详细的优化，以实现整体性能的质飞越，而不是其中某一步的优化部分或某一步的优化就可以解决问题，只有通过优化的数量才能达到性能质飞越。性能Web检测通常使用浏览器或性能检测工具。因此，具体应该怎么做？以下与小编一起来了解一下！

第一，HTTP请求

1、减少HTTP请求的数量

（1）合并文件：合并相关的代码文件。

（2）CssSprites：将多个图片合并到一个图片中，通过css控制图片出现的位置，从而实现对图片位置的控制。

（3）图片映射：也是将多个图像拼凑起来，然后通过坐标对其进行控制。当页面是连续的，如导航条时，它通常很有用。

（4）行内图(Base64编码)：通过被编码的字符串在网页文本中嵌入图像。

2、避免重定向

3、DNS预分析

4、使用CDN

第二，浏览器缓存

对于个网站上，CSS、Javascript、logo、图标等静态资源文件更新的频率很低，这些文件几乎每次http请求都需要更新，如果缓存在浏览器中，性能就会大幅度提高。将cache-control和expiresol和expires的属性，设置浏览器缓存可以缓存几天甚至几个月。

有时候，静态资源文件的更改需要及时应用到客户端浏览器中，这可以通过更改文件名来实现，也就是说，更新Javascript文件不是更新Javascript文件的内容，而是生成一个新的JS文件，更新HTML文件的参考。

对于使用浏览器缓存策略的网站，在更新静态资源时，应采取逐一更新的方法。例如，10个图标文件需要逐一更新一个接一个地更新。10个文件不应该一次更新，而应该一个接一个地更新，并且应该有一定的间隔，以避免用户浏览器突然大量缓存失效，导致缓存更新集中，导致服务器负载急剧增加和网络堵塞。

第三，页面上的静态资源

1、在顶部放置CSS样式表

当css样式定义放在页面或页面底部时，会出现短白屏或某个区域的短白板，这与浏览器的运行机制有关。无论页面加载多少，页面都会逐渐显示。因此，每次创建页面时，都使用Link标签将每个样式表定义放在head中。

2、将Javascript脚本放在底部浏览器中

在加载css文件时，会阻止页面逐渐显示，直到所有css文件都被加载，所以在head中引用css文件，这样在加载css文件时，就不会组织页面显示。但对于js文件来说，当使用时，它下面所有页面内容的呈现都会被阻塞，将脚本放置在页面下方的位置上意味着可以逐步呈现的内容越多。

3、使用外部Javascript和CSS

4、组件压缩

5、图片优化

近年来达内荣获了各界权威机构的颁奖：达内是业界唯一的一家2006、2007、2008、2009连续4年入选德勤评选的“中国高科技高成长50强公司”、“亚太地区高科技高成长500强公司”，中关村管理委员会指定的“软件人才培养示范基地”、北京市商务委、北京市教委联合评为“首批服务外包人才培训机构”，被《计算机世界》评选的“就业服务杰出贡献奖”。达内被《中国计算机报》评选的“最具影响力培训机构奖”、被搜狐评为“中国十大教育集团”，达内被腾讯评为“中国大学生心目中最具影响力的IT品牌”， 2010年更是和百度、搜狐、中兴电子等著名企业被欧美同学会评为中国海外归国人员创业“腾飞奖”中国50强优秀企业、2011年获得*电视台评选的中国教育行业“领军企业”2012年9月获凤凰网、网易财经、影响力峰会组委会评选的“2012年度最具信赖企业”大奖。