# 性能优化 # 参考书:1.高性能网站建设指南 2.高性能网站建设进阶指南
---
性能优化可以从以下几个方面来优化:
一、网络
1、DNS. 域名解析服务器
2、CDN. 内容发布网络 将静态资源之外的放在主服务器,
配置不同的服务器,缩短距离
3、加载:延时和预加载
二、浏览器
1、http:超文本传输协议
https:安全传输协议 效率不高,耗时高些
2、请求和响应信息:
请求信息:
1>请求行:
http协议版本信息(1.1/1.0),
请求方法:get/post,
路径等
2>请求头:
浏览器版本信息等
3>空行
4>请求参数
响应信息:
1>状态行: 状态码等
2>响应头:服务器和浏览器之间的通讯、缓存、cookie等
3>空行
4>响应消息体:呈现在页面的
缓存(cache):最佳的解决方案
304页面没有发生任何修改(协议缓存);
可以给静态资源等很少改的东西,设定一个缓存时间expires,解决频繁的访问,减少请求的时间
解决缓存更新的问题:
1>设定LastModified 最后修改时间
2>E-Tag 数字加字母的标识的字符串
3>加一种算法根据内容的索引产生的数字
三、代码
1、html
布局:减少table布局;尽量减少嵌套层数
2、css
a、选择器:尽量减少复合选择器,因为浏览器从右往左解析
b、雪碧图:sprits技术(图片分割技术),不能太大
c、合并和压缩:空格和回车的减少;合成一个css
d、重绘和回流:回流:改变某个标签的样式,影响其他标签(如:宽高,字体大小等)
浏览器内核即渲染引擎,解析DOM和css,两个树。减少回流次数
e、简单的动画可以使用css3来代替js
f、图标字体
3、js
a、节点缓存,减少DOM操作
b、合并和压缩
4、image
a、合并和压缩
b、将图片转化为base64
合并和压缩,雪碧图可以使用自动化构建工具Gruntjs和相应插件
原文:http://www.cnblogs.com/yyan/p/4870238.html