web前端性能优化小结作为一名前端

本文原始标题为：web前端性能优化小结---来源是：

----web前端性能优化小结//----江苏龙网 http://www.jiangsulong.com //

作为一名前端工程师，谈起性能优化已经是老生常谈了，这问题快被说烂了，但是不可否认的是， web前端性能优化依旧是前端非常重要的一个知识点，今天就所学的以及项目里面获得的一部分关于性能优化的知识点来总结一下。

前端的页面作为离用户最近的一关，用户从输入网页地址的那一刻开始就对前端开始进行考验，因此页面的渲染速度以及图片界面等的渲染速度直接影响了用户对网站的使用，现在业内公认的优化方案里面比较突出的就是雅虎的34条军规。

1.减少HTTP请求：提供性能首先做的一步，这是改进首次访问用户等待时间的最重要的方法。

合并文件：如合并css文件、脚本文件（但要权衡利弊，一个文件太大并不是最好的办法）

csssprite：利用css-background相关元素进行背景图绝对定位

图片地图：把多张图片整合到一张图片中（只有在图片的所有组成部分在页面中是紧挨在一起的时候可用，如导航栏，不具备可读性，坐标会比较繁琐易出错，不推荐使用）

内联图象使用data:URLscheme在实际的页面嵌入图像数据

2.减少DNS查找次数：输入域名后DNS解析器就会返回这个域名对应的IP地址，这个解析也是需要时间的，这段时间内浏览器什么都不会做，直到解析完毕。（一般为服务端配置）

web前端性能优化小结