web前端性能优化

2017-05-23

• 服务器——分析工具:YSlow

1.多台服务器——服务器集群(应用服务器)；

2.负载均衡 服务器：接受请求，分配服务器；

3.数据库(读：写=7：3)，主服务器(读)<---->缓存服务器<---->从服务器(写)分离。

注：可以参考：李智慧的《大型网站架构演化发展历程》

• 网页前端——可以参考《高性能网站建设(进阶)指南》

1.减少HTTP请求，图片地图，合并脚本和样式表

2.使用内容发布网络——CDN。CDN:Content Delivery Network

3.添加Expires头——缓存。第二次访问不用请求服务器，效果更好

4.压缩组件，gzip

5.将样式表放在顶部

6.将脚本放在底部

7.避免CSS表达式

8.使用外部JS和CSS

9.减少DNS查找。DNS 域名解析服务器，域名服务器-->IP

10.精简JS

11.避免重定向

12.移除重复脚本

13.配置Etag ,缓存更新(单服务器)；

14.使Ajax可缓存

web前端性能优化——干货