《Web性能實踐日志》一導讀

web性能實踐日志

您手中的這本書收錄了大量已發表的 web 性能相關的文章。其中包括了許多性能相關的主題，如開源工具、緩存、移動網絡和應用、自動化、使用者體驗優化、html5、javascript、css3、名額、roi和網絡協定。這些文章的作者形形色色，有全球最大網際網路公司的職員，也有獨立顧問。作者們代表至少7家web性能初創公司：blaze、cloud-flare、log normal、strangeloop、torbit、turbobytes和zoompf。主題和貢獻者範圍之廣令人印象深刻。但真正給我留下深刻印象的是那些貢獻者，除了日常工作，他們中有的人參與了一個或多個開源項目、有的人寫部落格、寫書、有的人在會議上發表演說、組織會議或運作非營利性組織。有些人甚至都有涉及。在埋頭調試各種主要浏覽器中的javascript，或跟蹤引起頁面加載時間衰退的問題一整天後，究竟是什麼讓這些人在“閑暇之餘”對web性能社群做出貢獻？這裡有一些我收到的答複。

缺乏正規的訓練

很多從事網際網路工作的人都是在工作中掌握技能。web相關的東西要麼沒有出現在我們的大學課程上，要麼我們學過的并不适用于現在的工作。這種在工作中的學習是一個漫長的、涉及很多試錯的過程。分享最佳實踐，可以提高團隊iq，并讓新手可以更快速地掌握技能。

避免重複同樣的錯誤

錯誤發生在試錯的過程中。我們都曾經曆過在淩晨或一連好幾天苦苦攻克一個問題，往往經過一個漫長的排除問題的過程勉強解決了問題。值得慶幸的是，我們的社群意識不會讓我們默默地站在一旁看同行重蹈覆轍。分享我們的解決方案可以讓其他人避免犯同樣的錯誤。

執着于優化

由于天性，開發者都癡迷于優化。我們都着力追求速度最快的代碼、最高效的算法、最具彈性的架構。這種癡迷不隻限于我們的網站，我們希望每一個網站都得以優化。做到這一點的最好辦法是分享。

樂于幫助

最後，有些人真的很樂于幫助他人。想象一下吧，當某個人意識到他省下了一周的工作或他們的網站通路速度可以快兩倍……，他們的笑容讓我們覺得為社群的成長盡了一份力。

作為分享精神的見證，作者們把這本書的版稅捐獻給了 wpo 基金會（一個支援web性能社群的非營利性組織）。是以，你可以享受擺在眼前的這些文章，不僅因為這些它們是全球最好的web性能建議，也因為它們來自作者對web性能社群的無私奉獻。享受吧！

——steve souders

<a href="https://yq.aliyun.com/articles/95882">第1章 webpagetest内部原理</a>

<a href="https://yq.aliyun.com/articles/95882">1.1 函數攔截</a>

<a href="https://yq.aliyun.com/articles/95883">1.2 代碼注入</a>

<a href="https://yq.aliyun.com/articles/95889">1.3 決定浏覽器架構</a>

<a href="https://yq.aliyun.com/articles/95891">1.4 擷取代碼</a>

<a href="https://yq.aliyun.com/articles/95893">1.5 浏覽器的發展</a>

<a href="https://yq.aliyun.com/articles/95912">第2章 localstorage讀取性能</a>

<a href="https://yq.aliyun.com/articles/95912">2.1 基準測試</a>

<a href="https://yq.aliyun.com/articles/95913">2.2 這是怎麼回事</a>

<a href="https://yq.aliyun.com/articles/95916">2.3 優化政策</a>

<a href="https://yq.aliyun.com/articles/95918">2.4 跟進</a>

第3章 内聯不是萬能的

第4章 加載異步腳本的藝術

第5章 營運商網絡：鑽進兔子洞

第6章 http并行化

第7章 自動化網站性能優化

第8章 前端單點故障

第9章 關于yslow

第10章 高性能原生移動應用

第11章 純css3圖檔？哼，也許晚點再說吧

第12章 android中下載下傳無用背景圖檔

第13章 網絡計時

第14章 我對http的了解/思考

第15章 使用智能緩存避免機器人性能開銷

第16章 導航計時api實踐

第17章 響應時間對業務的影響

第18章 考慮移動界面的性能

第19章 别再浪費時間使用google analytics的站點速度報告了

第20章 超越web開發者工具：strace

第21章 mod_spdy介紹：apache http server的spdy子產品

第22章 commonjs子產品的惰性求值

第23章 關于接受建議的建議

第24章 為什麼你對性能測試結果的解讀可能是錯誤的 （至少你在大公司裡工作）

第25章 有損圖像壓縮

第26章 基于selenium和javascript的性能測試

第27章 一個評估網站性能的簡單方法

第28章 超越帶寬：ui性能

第29章 css selector性能改變了（變得更好了）

第30章 大膽嘗試phantomjs和confess.js

第31章 兩次測量一次優化

第32章 後端問題檢測

第33章 web字型性能：@font-face及其他解決方案間的權衡