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

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

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

网页的性能瓶颈很多都不是在网络速率上的,而是在前端显示上。仅仅加载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压缩方式,其余的都是代码编写的问题了,代码重构才是最重要的

 

posted @ 2012-11-02 19:28  小 伍  阅读(340)  评论(0编辑  收藏  举报