Steve Souders: In Search of Speed 学习笔记

标签: 运维 | 发表时间:2009-11-18 17:39 | 作者:hutuworm arbeitandy
出处:http://hutuworm.blogspot.com/

原雅虎首席性能官、现任 Google Web 性能专家 Steve Souders,近期在 LA 隆重举行的 SpeedGeeks 会议上发表重要讲话:In Search of Speed(slides, video),以下为学习笔记:

1. 以 iGoogle 为例,前端页面组件渲染的时间占了整个页面打开时间的 91%,前端优化的重要性不言而喻。

2. 前端优化十四条原则,是个人都知道,不必多说了。

3. 如果想要更快一点,可以参考新书 Even Faster Web Sites。

4. Google 页面延时增加 0.4 秒,搜索量会下降 0.6%;雅虎页面延时增加 0.4 秒,访问量会下降 5-9%;Bing 页面延时增加 2 秒,收入会下降 4.3%。

5. 高性能 = 更好的用户体验 + 更多访问量 + 更多收入 + 成本节约

6. 为什么没有那么多人来做 性 能 优 化 这么有前途的事呢?因为这他妈的太难了!

7. 当然,如果这事没那么难的话,是个人都能做了!

8. 我们今年的口号是:本来就快!(Fast by Default)

9. Aptimize 公司的性能优化神油:整合 JS、整合 CSS、Sprites、Data: URIs、更长的过期时间、精简 JS 和 CSS、automatically in real time。

10. 在 http://sharepoint.microsoft.com 上抹了点神油,果然有奇效:Empty Cache 的 requests 从 96 降到 35,Primed Cache 的 requests 从 50 降到 9。JS 减少了 7 个,CSS 减少了 12 个,图片减少了 25 张。页面性能提升:Empty Cache - 46-64%;Primed Cache - 15-53%。 详见: http://blogs.msdn.com/sharepoint/archive/2009/09/28/how-we-did-it-speeding-up-sharepoint-microsoft-com.aspx

11. 有家“典型电子商务网站”,名叫 StrangeLoop Networks,自打抹了神油:每次访问页面数由 11 提升到 16,浏览网站平均时间由 24 分钟提升到 30 分钟,转化率上升了 16%,订单价值上升了 5.5%。

12. 为啥某些网站比较慢?“某些”包括但不限于:Google Mail、Google Docs、AOL、Twitter、ESPN、Best Buy、IKEA、CNN...(这些网站钱多人傻,快去推销优化服务!)

13. 原因是由于缺乏 Progressive Rendering(渐进渲染)!

14. 对比五家搜索引擎:Google Search、Yahoo Search、Bing、Ask 和 AOL Search,页面打开 0.5 秒时,没有一个显示内容,等到 1 秒时,Google Search 和 Bing 显示了主要内容,直到 2 秒时,Ask 还是没有显示任何内容。

15. 快使用双截棍: WebPagetest.org

16. 对比六家新闻网站:Yahoo News、CNN、CNET、Google News、NY Times 和 MSNBC,页面打开 1 秒时,Google News 率先显示了 Logo,直到 4 秒时,CNN 还是空白一片。

17. Progressive Enhancement:deliver HTML、defer JS、avoid DOM、decorate later。

18. 先做 Progressive Enhancement,再做 Progressive Rendering。

19. 最近新闻:http://spriteme.org 帮助优化 sprites,http://www.browserscope.org 用于对比不同的浏览器访问,HTTP Watch Studio 支持 HTTP 存档格式(HAR),@font-face 标记如果放在SCRIPT 标签下方则将导致 IE 浏览器阻止渲染。

20. 讲话要点,必须掌握:关注前端!使用 YSlow 和 PageSpeed 工具! Progressive enhancement -> progressive rendering!

21. 最后感言:网页速度是下一个竞争激烈的目标,必须在别人动手之前先优化自己!(否则会死得很难看,信不信?)

谢谢大家!

相关 [steve souders in] 推荐:

Steve Souders: In Search of Speed 学习笔记

- arbeitandy - 知道分子
原雅虎首席性能官、现任 Google Web 性能专家 Steve Souders,近期在 LA 隆重举行的 SpeedGeeks 会议上发表重要讲话:In Search of Speed(slides, video),以下为学习笔记:. 以 iGoogle 为例,前端页面组件渲染的时间占了整个页面打开时间的 91%,前端优化的重要性不言而喻.

缅怀 Steve Jobs !

- [email protected]&hasee - 善用佳软
2011年10月5日,Steve Jobs,永远离开了我们……. 他让这个世界充满光彩,让青年人看到光明. 缅怀 Steve Jobs. 苹果失去了一位远见卓识、开拓创新的天才. 世界失去了一位令人惊叹的人物. 我们这些有幸了解、并与乔布斯共同工作过的人,失去了一位密友,以及一位善于鼓舞人心的导师.

告别 Steve Jobs

- ndv - Chun Tian (binghe)
 最近苹果公司大起大落,前一天新上任的 CEO 还在愉快地发布新款智能手机 iPhone 4S,悲摧的手机广告在主页停留了不到 24 小时就被 Steve Jobs 的讣告代替了. 病魔缠身的 Steve Jobs 的过世并不奇怪,但我没想到竟然发生在新产品发布会结束后的第二天,可以想象这是一个心愿了却以后,终于再没有其他信念可以支撑下去了,至少短期之内没有了.

Steve 跟他的 iPad

- 宋大妈 - 爱范儿 · Beats of Bits
前天跟友人吃晚飯,離開時友人突然問筆者,這一陣子科技界有什麼大新聞嗎. 這一陣子科技界的記者已經忙過不停了,由 Google 收購 Motorola 起,到 HP 放棄 PC 及 WebOS,以至 Facebook Place 敗走 Foursquare……到今天早上的 Steve Job 離開蘋果的 CEO 職位.

Steve Jobs 與 Star Trek

- iAN - 都是那些日子
據外電報道,Steve Jobs葬禮已低調舉行,也未聞蘋果會為這名創辦人舉行公開悼念活動. 與A談及Steve Jobs去世前公佈的iPhone4s. 雖然外間對iPhone4s並無多大好感,甚至認為沒有更大螢幕、沒有新設計,iPhone4s是換湯不換藥之作,但A卻認為外界忽略了語音操控的Siri系統,那,不只是一般語音控制,更正確點說,那是如科幻電視Star Trek內電腦般,走向用語言與電腦直接溝通的重要一步,看看有關短片就可知:.

Steve Jobs 的苹果历程

- Woooon - Engadget 中国版
毫问疑问的,假如没有 Steve Jobs,我们的电脑产业将会非常不同. 真的很少有人可以对自己所在的领域,能有如此深远的影响. 他的故事是由 1976 年与 Steve Wozniak 共同创办苹果公司开始. 这家公司刚现身市场上时,便碰上了个人计算机大爆发的 80 年代,并推出了 Apple II ,成为历史上极受欢迎的微电脑之一.

石专栏:iPhone 4s,iPhone For Steve.

- ArmadilloCommander - Engadget 中国版
iPhone 4s 也许未能完全满足我们的期待,只是它彷佛向 Steve Jobs 致敬一样 - iPhone For Steve. Steve Jobs 已经不是第一次病倒、病重、离职,他早已给了我们一定的心理准备,告诉我们他早晚要离开,也很可能突然离开世界. 只是,再多的准备,并不会减少悲痛的程度.

假如,Steve Jobs 在天堂……

- 沒有暱稱 - 都是那些日子
童工記得長輩教誨,不要拿己去世的人開玩笑,但外國人似乎沒有這禁忌,A傳來這一張「悼念」Steve Jobs的漫畫.

iPhone 5:Steve Jobs的绝唱

- pestwave - 36氪
iPhone 4S发布伊始,人们大失所望;Siri一卖萌引发有关人工智能的大讨论,并且iPhone 4S一时间洛阳纸贵,人们对iPhone 4S的态度180度大转弯儿. 现在人们或许需要再转一个弯儿:iPhone 4S并非乔布斯绝唱,他根本没有参与iPhone 4S的设计,因为他没有时间,他的绝唱是下一代iPhone,我们姑且称之为iPhone 5.

Steve Jobs自傳:”You Shouldn’t whitewash it.”

- dong ye - 都是那些日子
Steve Jobs 自傳昨日出版,原本想第一時間購買中文版看,可是看到那如磚頭般的體積,心想就算買了回家,「技術上」及「體力上」也不可能帶著這「龐然大物」在車上或路上看,最終可能只看幾個章節就放棄,所以決定暫不買中文版,改買kindle的iPad英文電子版,雖然會較中文版看得慢一點,但起碼可以隨身攜帶,而且價錢只是17美元多一點,較中文版便宜.