in javascript

WEB前端优化

刚刚读完了《高性能网站建设指南》,作者给出了网站前端优化的14条建议,第一次系统的了解到了前端性能优化需要做的事情。

简单说来,这14条建议是下面这些:

  1. 减少HTTP请求(因为HTTP1.1协议规定同一域名下默认有两个HTTP同时下载,这条是最基本的,最应该去做的)
  2. 使用内容发布网络(主要是针对静态内容,具体请搜索CDN)
  3. 添加Expires头。(告诉浏览器来缓存那些不容易变化的内容,来加快“回头客”的访问速度)
  4. 压缩组件。(使用gzip来压缩组件降低数据传输量)
  5. 将样式表放在顶部(避免白屏和闪屏等情况发生)
  6. 将脚本放在底部(脚本会阻塞并行下载,所以某些脚本可以放到底部,让页面先显示出来)
  7. 避免CSS表达式(CSS表达式计算频繁,用其他方式来实现需要CSS表达式的效果)
  8. 使用外部JavaScript和CSS(利用缓存来减少这些组件的下载)
  9. 减少DNS查找(DNS查询是要耗时间的,减少DNS查找和增加并行下载是相悖的,这点需要权衡一下)
  10. 精简JavaScript(使用工具删掉不必要的空格,注释等)
  11. 避免重定向(redirect需要耗时间,尽量避免这种方式)
  12. 移除重复脚本(大网站,开发人员多,可能会带来重复脚本的问题,可以借助服务端程序来消除)
  13. 配置ETag(ETag经常会破坏缓存规则,他比Expires头权限高。合理配置或者禁用之)
  14. 使Ajax可缓存(分析Ajax请求,缓存可以缓存的,同时合理使用一些主动Ajax,以及参照前面指导原则优化Ajax请求)

作为前端开发人员,应该具有前端优化的技能,这些优化花不了多少成本,却相当有效,比改进后台代码的某个算法带来的性能增强性价比要高多了。

网站打开速度快才是王道,速度是用户接触到这个网站的第一体验!!!

上面这些指导原则在实际生产的时候都是需要好好分析的,看自己的网站适合怎么样。