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 ... 详细内容
31个Javascript的实用工具
2011-11-22
下面提到的这些工具包括各种实用工具，优化器，测试和调试工具，它们可以提高开发者创建Web站点的效率。
1，JavaScript compressor and comparison tool
有许多工具可以帮助你压缩JavaScript代码，但是这个过程比较耗时，并且，对于某个特定的场景来说，很难分析出具体哪个工具表现的最... 详细内容
Web前端优化最佳实践：Content篇+图片篇
2011-07-12
Web前端优化最佳实践之Content篇
1. 尽量减少 HTTP 请求 (Make Fewer HTTP Requests)
作为第一条，可能也是最重要的一条。根据 Yahoo! 研究团队的数据分析，有很大一部分用户访问会因为这一条而取得最大受益。有几种常见的方法能切实减少 HTTP 请求：
1) 合并文件 ，比如把多个 CSS ... 详细内容
Google推出社交产品Google+
2011-07-12
坦白说Google的社交产品一直让我感到失望，人们期待已久Google+1让人不知所云。当然也有人对Google社交大计持乐观态度。就在这个纠结时刻，Google终于发布了自己的绝密社交产品「Google+」，「把整个Google变成一个巨型社交网络」。
Google+开发已有一年时间，由Google高级社交副总Vic G... 详细内容
去除链接的虚线框方法及用户体验的影响
2011-05-24
杭州最美的季节里，淘宝无障碍访问改善小组有幸邀请到盲人在线站长——争渡读屏团队成员——杨永全同学和我们一起面对面交流网站无障碍访问方面的问题。杨同学使用电脑必须使用读屏软件，就像他看不到我们的脸必须靠声音识别我们一样。在谈到读屏软件操作页面时，他对我们前端的同学特别的强... 详细内容
firebug 使用方法详解
2011-04-22
今天志刚问到Firebug的net面板的 onload是神马意思，我一时语塞，用Firebug这么多年了都木有仔细研究过。正好这两天和大猫舜子等童鞋一起研究@import css的问题，顺便把这个详细了解下吧。
Net面板
Net面板就是Firebug中的net tab，中文应该叫“网络”？它可以监控页面中的HTTP请求，然后将... 详细内容
网站前端优化六种方法提高网站速度
2011-04-21
1、把你的 .js 库文件地址替换成 Google CDN的地址 ：
随着 jquery 和 mootools 等js库的使用需要加载的.js文件越来越多也越来越大，通常传统的网站是上传到网站本身的目录。但对于一个接近70多KB的jquery.js体积确实不利于网站响应速度的提升，此时就应该使用Google API 。
把你的 http:... 详细内容
