标签归档：前端

刚刚读完了《高性能网站建设指南》，作者给出了网站前端优化的14条建议，第一次系统的了解到了前端性能优化需要做的事情。 简单说来，这14条建议是下面这些： 减少HTTP请求(因为HTTP1.1协议规定同一域名下默认有两个HTTP同时下载，这条是最基本的，最应该去做的） 使用内容发布网络（主要是针对静态内容，具体请搜索CDN） 添加Expires头。（告诉浏览器来缓存那些不容易变化的内容，来加快“回头客”的访问速度） 压缩组件。（使用gzip来压缩组件降低数据传输量） 将样式表放在顶部（避免白屏和闪屏等情况发生） 将脚本放在底部（脚本会阻塞并行下载，所以某些脚本可以放到底部，让页面先显示出来） 避免CSS表达式（CSS表达式计算频繁，用其他方式来实现需要CSS表达式的效果） 使用外部JavaScript和CSS（利用缓存来减少这些组件的下载） 减少DNS查找（DNS查询是要耗时间的，减少DNS查找和增加并行下载是相悖的，这点需要权衡一下） 精简JavaScript（使用工具删掉不必要的空格，注释等） 避免重定向（redirect需要耗时间，尽量避免这种方式） 移除重复脚本（大网站，开发人员多，可能会带来重复脚本的问题，可以借助服务端程序来消除） 配置ETag（ETag经常会破坏缓存规则，他比Expires头权限高。合理配置或者禁用之） 使Ajax可缓存（分析Ajax请求，缓存可以缓存的，同时合理使用一些主动Ajax，以及参照前面指导原则优化Ajax请求） 作为前端开发人员，应该具有前端优化的技能，这些优化花不了多少成本，却相当有效，比改进后台代码的某个算法带来的性能增强性价比要高多了。 网站打开速度快才是王道，速度是用户接触到这个网站的第一体验！！！ 上面这些指导原则在实际生产的时候都是需要好好分析的，看自己的网站适合怎么样。