首页 > 代码库 > web前端性能优化——干货

web前端性能优化——干货

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前端性能优化——干货