Flickr 的开发者的 Web 应用优化技巧
2011-11-26
Cal Henderson 是大名鼎鼎的 Flickr 网站的开发者之一.在一篇名为 Serving JavaScript Fast的文章中,他介绍了用于 Flickr 站点应用优化的技巧,读罢感觉获益良多.”嚼一下别人的馍”,概括一下该文的主要内容.
Flickr 是 Web 2.0 的代表站点。面对的网络问题除了一般 Web 站点都会有的... 详细内容
Web 前端优化最佳实践之 Mobile(iPhone) 篇
2011-11-26
Web 前端优化最佳实践最后一部分是针对移动应用的,其实只是针对 iPhone 的,目前只有两条规则。
1. 单个数据对象小于 25K (Keep Components under 25K)
这个似乎只是针对 iPhone 研究的。建议保持单个 Web 数据对象在 25 K 以下。为什么是 25K? Apple 官方信息指出可缓存到内存中的 Web ... 详细内容
Web 前端优化最佳实践之 图象篇
2011-11-26
Web 前端优化最佳实践第六部分面向 图片(Image),这部分目前有 4 条规则。在最近的 Velocity 2008 技术大会上,Yahoo! 的 Stoyan Stefanov 做的 Image Optimization: How Many of These 7 Mistakes Are You Making 也非常有参考价值。结合一起说一下。
1. 优化图片 (Optimize Images)
使... 详细内容
Web 前端优化最佳实践之 JavaScript 篇
2011-11-26
Web 前端优化最佳实践之 JavaScript 篇,这部分有 6 条规则,和 CSS 篇 重复的有几条。前端优化最佳实践,最重要的还是”实践”,要理解这东西容易得很,关键是要去”实践”,去”执行”,去”反馈”,去获取受益。
1. 脚本放到 HTML 代码页底部 (Put Scripts at the Bottom)
当一个脚本在下载的... 详细内容
Web 前端优化最佳实践之 CSS 篇
2011-11-26
Web 前端优化最佳实践第四部分面向 CSS。目前共计有 6 条实践规则。另请参见 Mozilla 开发者中心的文章:Writing Efficient CSS
1. 把 CSS 放到代码页上端 (Put Stylesheets at the Top)
官方的解释我觉得多少有点语焉不详。这一条其实和用户访问期望有关。CSS 放到最顶部,浏览器能够有... 详细内容
Web 前端优化最佳实践之 Cookie 篇
2011-11-26
Web 前端优化最佳实践第三部分面向 Cookie 。目前只有 2 条实践规则。
1. 缩小 Cookie (Reduce Cookie Size)
Cookie 是个很有趣的话题。根据 RFC 2109 的描述,每个客户端最多保持 300 个 Cookie,针对每个域名最多 20 个 Cookie (实际上多数浏览器现在都比这个多,比如 Firefox 是 50 个... 详细内容
Web 前端优化最佳实践之 Server 篇
2011-11-26
Web 前端优化最佳实践第二部分面向 Server 。目前共计有 6 条实践规则。【注,这最多算技术笔记,查看最原始内容,还请访问:Exceptional Performance : Best Practices for Speeding Up Your Web Site 】
1. 使用 CDN (Use a Content Delivery Network)
国内 CDN 的普及还不够。不过我们... 详细内容
Web 前端优化最佳实践之 内容篇
2011-11-26
Yahoo! 的 Exceptional Performance team 在 Web 前端方面作出了卓越的贡献。广为人知的优化规则也由 13 条到 14 条,再到 20 条,乃至现在的 34 条–真是与时俱进啊。最新的 34 条也针对不同的角度做了分类。
面向内容的优化规则目前有 10 条。
1. 尽量减少 HTTP 请求 (Make Fewer ... 详细内容
Web前端优化最佳实践:Content篇+图片篇
2011-07-12
Web前端优化最佳实践之Content篇
1. 尽量减少 HTTP 请求 (Make Fewer HTTP Requests)
作为第一条,可能也是最重要的一条。根据 Yahoo! 研究团队的数据分析,有很大一部分用户访问会因为这一条而取得最大受益。有几种常见的方法能切实减少 HTTP 请求:
1) 合并文件 ,比如把多个 CSS ... 详细内容
网站前端优化六种方法提高网站速度
2011-04-21
1、把你的 .js 库文件地址替换成 Google CDN的地址 :
随着 jquery 和 mootools 等js库的使用需要加载的.js文件越来越多也越来越大,通常传统的网站是上传到网站本身的目录。但对于一个接近70多KB的jquery.js体积确实不利于网站响应速度的提升,此时就应该使用Google API 。
把你的 http:... 详细内容
