高性能网站建设——前端优化

网站访问速度慢，一般主要有三个方面，一个是服务器端程序性能不佳，一个是网络传输速率不高，再有就是前端显示效率太低。

今天看了一本《高性能网站建设指南 前端工程师技能精髓》，对网页性能优化开始有了新的体会。一下是自己的感悟，也算是观后感吧，留下点东西以便以后能够用的上。

网页的性能瓶颈很多都不是在网络速率上的，而是在前端显示上。仅仅加载html文件大概占整个显示网页中的12%，可以见得，网页的后期显示在整个性能优化过程中需要更多的关注。

优化项目：

1、减少HTTP请求：合并文件（js、css、image）图片地图等

2、使用CDN：使用CDN的作用是使网络在不同地区的网络速度能够持平，是根据地理位置相对而言的。

3、HTTP头中添加expires，为浏览器添加网站的缓存

4、压缩传输：Gzip

5、CSS样式文件置于顶部

6、JS脚本置于底部

7、避免CSS表达式，因为它会频繁重复调用

8、使用外部的JS和CSS

9、减少DNS查询

10、精简HTML、CSS、JS，代码重构

11、避免重定向

12、移除重复脚本

13、配置Etag

14、使用Ajax缓存

---

服务器端可以采取设置empires和Gzip压缩方式，其余的都是代码编写的问题了，代码重构才是最重要的