web性能优化

为什么需要web优化？

参考链接
1：从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。
2：从服务器的角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。 总之，恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用。

可以概括为以下7个方面：

1. 网页内容

减少http请求次数 ; 减少DNS查询次数
避免页面跳转 ; 缓存Ajax ; 延迟加载 ; 提前加载，
减少DOM元素数量;
根据域名划分内容 ; 减少iframe数量，
避免404；

2. 服务器

使用CDN ; 添加 Expires 或 Cache-Control 报文头
Gzip压缩传输文件 ； 配置 ETags ; 尽早flush输出
使用GET Ajax请求 ； 避免空的图片src；

3. 图片

优化图像 ； 优化CSS Sprite ；
不要在HTML中缩放图片；
使用小 且 可缓存的 favicon.ico

4. Cookie

减少Cookie大小
页面内容使用无cookie域名

5. Css

将样式表置顶
避免CSS表达式
用代替@import

6. javascript

将脚本置底
使用外部javascript和css
去除重复脚本
减少DOM访问
使用智能事件处理

7. 移动端客户端

保持单个内容小于25KB
打包组件成符合文档

加速网站的最加实践可以：详情参考