前端性能优化的思路

内容再丰富的网站,如果慢到无法访问也是毫无意义的;

SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭;

UE设计的再人性化的网站,如果用户连看都看不到也是空谈。

雅虎十四条:网站前端网页优化的14条原则》中提到的优化点做一次梳理,如果按照优化方向分类可以得到这样一张表格:

  优化方向  优化手段

  请求数量  合并脚本和样式表,CSS Sprites,拆分初始化负载,划分主域

  请求带宽  开启服务端的GZip压缩,精简javascript,移除重复脚本,图像优化

  缓存利用  使用CDN实现静态资源的缓存和快速访问,使用外部的javascript和css,添加expires头,减少DNS查找,配置ETag,使Ajax可缓存

  页面结构  将样式表放在头部,将脚本放在底部,尽量刷新文档的输出

  代码校验  避免CSS表达式,避免重定向

CDN:

  Content Delivery Network,内容分发网络,

  用户离web server的远近对响应时间也有很大影响,从用户角度看,把内容部署到多个地理位置分散的服务器上将有效提高页面装载速度。

参考文献:

  马海洋博客:详解大型网站的前端性能优化思路

  雅虎十四条:网站前端网页优化的14条原则

posted on 2016-12-15 16:10  cc_ccc  阅读(207)  评论(0编辑  收藏  举报