高性能网站建设——前端优化
网站访问速度慢,一般主要有三个方面,一个是服务器端程序性能不佳,一个是网络传输速率不高,再有就是前端显示效率太低。
今天看了一本《高性能网站建设指南 前端工程师技能精髓》,对网页性能优化开始有了新的体会。一下是自己的感悟,也算是观后感吧,留下点东西以便以后能够用的上。
网页的性能瓶颈很多都不是在网络速率上的,而是在前端显示上。仅仅加载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压缩方式,其余的都是代码编写的问题了,代码重构才是最重要的