高性能網站建設進階指南︰Web開發者性能優化最佳實踐

致謝
前言
第1章︰理解Ajax性能
1.1 權衡
1.2 優化原則
1.3 Ajax
1.4 瀏覽器
1.5 哇！
1.6 JavaScript
1.7 總結
第2章︰創建快速響應的Web應用
2.1 怎樣才算足夠快
2.2 測量延遲時間
2.3 線程處理
2.4 確保響應速度
2.5 總結
第3章︰拆分初始化負載
3.1 全部加載
3.2 通過拆分來節省下載量
3.3 尋找拆分
3.4 未定義標識符和競爭狀態
3.5 個案研究︰Google日歷
第4章︰無阻塞加載腳本
4.1 腳本阻塞並行下載
4.2 讓腳本運行得更好
4.3 瀏覽器忙指示器
4.4 確保（或避免）按順序執行
4.5 匯總結果
4.6 最佳方案
第5章︰整合異步腳本
5.1 代碼示例︰menu.js
5.2 競爭狀態
5.3 異步加載腳本時保持執行順序
5.4 多個外部腳本
5.5 綜合解決方案
5.6 現實互聯網中的異步加載
第6章︰布置行內腳本
6.1 行內腳本阻塞並行下載
6.2 保持CSS和JavaScript的執行順序
6.3 風險︰把行內腳本放置在樣式表之後
第7章︰編寫高效的JavaScript
7.1 管理作用域
7.2 高效的數據存取
7.3 流控制
7.4 字符串優化
7.5 避免運行時間過長的腳本
7.6 總結
第8章︰可伸縮的Comet
第9章︰超越Gzip壓縮
第10章︰圖像優化
第11章︰劃分主域
第12章︰盡早刷新文檔的輸出
第13章︰少用iframe
第14章︰簡化CSS選擇符
附錄︰性能工具
索引

“信息網絡的擴展正在為我們的星球建立一個新的神經系統”，而Web正是我們與這個系統對接的最重要平台。現在，信息與用戶量在Web平台上呈爆炸式增長，用戶與Web界面的交互越來越復雜，會話時間也越來越長，速度已經成為Web產品使用體驗好壞和市場成敗的最重要指標之一。在Google，網頁呈現速度慢500毫秒將丟失20％的流量；在Yahoo！，慢400毫秒將丟失5％～9％的流量；在Amazon，慢100毫秒將丟失1％的交易量……反之，網站速度越快，越有利于用戶匯聚、流量增長及交易量的上升。所以作為Web開發者，我們不會滿足現狀，要讓網頁變得更快更好。

本書作者Steve Souders在他上一部震驚業界的大作《高性能網站建設指南》中告訴我們，Web的80％～90％的性能由前端決定，並為提升Web性能設置了14條規則。本書中，Souders與8位Web開發界頂級大牛通力合作，一起向我們傳授讓網站速度更快的思想和原則，以及相應的技術和工具。它是上一部作品的進階之作，如果說上一部作品使Web開發者有機會實現高性能的網站以滿足當前用戶的需要，那麼本書將幫助我們立足現在更著眼于未來，以實現超出用戶期望的速度體驗。 ▔

Web的高速發展讓開發者應接不暇，開發者應該把智慧、時間和精力放在用戶最需要的地方，因此在做性能優化時不能盲目行動、捉小放大，需要事前有效評估找到重點，事後建立監控和保證機制，把有規律的、重復的、精確的工作交給機器去做。9位大牛把眾多的思想、原則、方法和自動化工具融匯到這本書中，讓Web開發者有機會站在巨人的肩上，借助于全球業界的最新成果，用自己的智慧、行動和堅持開發出令人贊嘆的Web產品來。

如果你稍加留心就會發現，這兩本書副標題的變化很有趣，第一本書的副標題是“前端工程師技能精髓”，而本書的是“Web開發者性能優化最佳實踐”。Web性能優化不只是前端工程師的工作，而是需要所有Web開發者協作完成。在實際工作中，如果沒有人關注Ⅵ石ob性能，那麼，不管我們作為Web開發者的哪種角色都應該挺身而出勇于擔當，不僅要擔當建設高速網站的責任，還要擔當Web性能優化的布道義務，團結一切可以團結的力量。這是我們所有Web開發者的使命。在口碑網我們已經開始這樣做了，前端工程師與對此有興趣的後端工程師和產品經理一起組建了一個虛擬的Web Jl±能優化團隊，在完成工作之余，一起學習、研究、分享、布道和推動性能優化項目。雖然剛剛開始，但是已經有了一些令人欣喜的成果，這就是團結的力量。

本書由口碑網前端團隊的鄢學鵑（三七）、鄭旭東（正旭）、劉志濤（鎢龍）、崔明達（靈佑）和姜凡（展炎）協作譯成。翻譯的過程也是自我學習、應用實踐和總結提升的過程，我們深感本書的博大精深，同時也感到自己知識面的淺薄狹窄。我們把在學習和實踐本書思想及方法過程中收獲的心得和相關資料作為譯注補充在譯文中，希望會對大家有所幫助。我們深信學習本書正是學習大牛思想、提升專業技能的最好途徑之一，把它的精華最精確地傳遞給每位讀者和我們現在的想法和最大動力。

……