前端性能优化（笔记）

经典面试题：你有做过什么性能优化吗？

content方面

1. 减少HTTP请求：合并文件、CSS精灵、inline Image
2. 减少DNS查询：DNS缓存、将资源分布到恰当数量的主机名
3. 减少DOM元素数量

Server方面

1. 使用CDN
2. 配置ETag
3. 对组件使用Gzip压缩

Cookie方面

1. 减小cookie大小

css方面

1. 将样式表放到页面顶部
2. 不使用CSS表达式
3. 使用不使用@import

Javascript方面

1. 将脚本放到页面底部
2. 将javascript和css从外部引入
3. 压缩javascript和css
4. 删除不需要的脚本
5. 减少DOM访问

图片方面

1. 优化图片：根据实际颜色需要选择色深、压缩 优化css精灵
2. 不要在HTML中拉伸图片