Yahoo关于web前端优化最佳实践(总结)
上一篇 /
下一篇 2012-12-05 10:33:06
/ 个人分类:web前端开发技术
1.尽量减少http请求
2.减少dns查找
3.避免重定向
4.使得AJAX可以缓存
5.延迟加载组件
6.预载如组件
7.减少DOM元素数量
8.切分组件到多个域
9.最小化iframe的数量
10.杜绝http404错误
1.使用CDN
2.添加expires或者cache-control信息头
3.压缩内容(gzip)
4.设置Etags
5.尽早刷新buffer
6.对ajax使用get方法
三、web前端优化之cookie篇
1.缩小cookie大小
2.针对web组件使用域名无关性的cookie
四、web前端优化之css篇
1.把CSS放到html页面上端
2.避免使用CSS表达式
3.从页面中玻璃js和css
4.精简js和css
5.使用<link>二不是@importChoose<link>over @import
6.避免使用filter
五、web前端优化之js篇
1.脚本放到html页面底部
2.make js and css external
3.精简js和css
4.移除重复脚本
5.减少DOM的访问
6.develop smart event handlers
六、web前端优化之图像篇
1.优化图片,尽量使用PNG,优化jpeg,大小200k以下
2.使用css sprites对图片进行优化
3.不要在html中使用缩放图片
4.用更小的并且可以缓存的favicon.ico
1.单个数据对象小于25K
2.pack components into a multipart document
详细信息可参考:“http://www.itlearner.com/article/4879”
收藏
举报
TAG: