发表于2024-11-07
WebPageTest應用指南 pdf epub mobi txt 電子書 下載 2024
Web性能優化一站式解決方案,包含初級、中級和高級用例。
Rick Viscomi,前端工程師和Web性能布道者。他曾經藉助WebPageTest的強大功能幫助旅遊頻道、食品網絡和HGTV等網站優化瞭Web性能。 2013年就職於Google,主要的工作是YouTube性能優化。
Andy Davies,第1次接觸Web性能優化是90年代後期,他嘗試過在綫學習提高撥號網絡連接速度,從此就一發不可收拾。他目前是NCC集團的Web性能優化副主任,他幫助客戶評估並改進他們的網站性能。安迪經常發錶和Web性能有關的演說,偶爾也會參與開源項目,比如WebPageTest。他同時著有《 A Pocket Guide to Web Performance》一書( 5個簡單步驟)。
Marcel Duran,榖歌Web性能工程師,曾經就職於Twitter和Yahoo。他曾經是雅虎卓越性能團隊的領導者,發布瞭業界聞名的開源工具YSlow。他曾經在Velocity大會上發錶演說,與人閤著瞭《 Web Performance Daybook Volume2 》(O’Reilly齣版)。
“WebPageTest是每個性能工程師的強力工具和秘密武器,而且我敢打賭它一半以上的功能是你聞所未聞的,因此這也是你需要讀這本書的原因。”
—— Ilya Grigorik ,Web性能工程師,Google
“WebPageTest是一個開箱即用的Web性能工具,我被它的強大功能深深摺服瞭。”
—— Lara Hogan, 高級工程經理,Etsy 《Designing for Performance》一書的作者
“感謝Rick、Andy和 Marcel,讓我們有機會可以更深入的全麵瞭解WebPageTest。”
——Tim Kadlec Akamai Web技術倡導者
序.1
前言 .3
基本用例
第1章我的頁麵有多快 11
衡量標準 11
綜閤測試和RUM測試 12
第2章 什麼拖慢瞭我的頁麵 .14
牛刀小試 14
瀑布圖分析 19
WebPageTest 評級 31
第3章緩存調優 36
啓用重復視圖 37
緩存分析 39
啓發式緩存 40
第4章 對比測試 42
性能感知 42
幻燈片和視頻 44
小結 51
第二部分 中級用例
第5章用戶仿真 55
用戶行為分析 56
第6章移動測試 71
桌麵仿真 71
流量定製 74
原生設備 75
第7章條件腳本 78
流視圖 .79
授權 81
第8章單點故障測試 85
重定嚮黑洞 87
請求阻塞 92
第三部分高級用例
第9章 WebPageTest API簡介97
入門介紹 97
運行測試 99
分析測試結果 103
綜上所述 .107
第10章持續集成108
Node.js包裝器 108
測試結果中的斷言指標 116
Jenkins集成 121
Travis-CI 集成 122
第11章私有實例125
WebPageTest 工作原理 126
使用AWS 的預配置AMI服務 .127
本地安裝 .130
私有實例特性 146
日常管理 .149
故障診斷 .151
助力WebPageTest 154
附錄A API 輸入/輸齣引用指南.155
序
我的Web性能工具箱裏有很多分析工具, Chrome 瀏覽器自帶的開發者工具是測試瀏覽器內部頁麵跳轉性能的; PageSpeed Insights和YSlow擴展主要是用來分析頁麵請求傳輸效率的;我喜歡用書簽小工具分析移動瀏覽器的性能;我的網站使用瞭多種RUM和綜閤性能監測服務。
但是我對WebPageTest的信任超齣瞭上述任何一種,為什麼呢?
你可以隨時隨地使用WebPageTest。它不需要安裝任何程序。你隻需要一個瀏覽器就夠瞭。我經常用我的iPhone分析一傢中國網站在IE瀏覽器環境下的性能,並告知對方分析結果。這讓對方非常驚奇,我不得不給他們解釋為何隻用我的手機就可以分析他們的網站並給齣改進意見。
WebPageTest的測試結果非常容易保存和共享。在做性能分析時,一個人的想法經常很難準確地傳達給團隊的其他成員,分享一個WebPageTest的URL可以確保團隊成員的體驗一緻性。這對提交bug報告是非常有用的。因為測試報告不會被刪除,相關人員可以在網站的曆史版本中重現這個性能問題。
WebPageTest囊括瞭大量的性能指標,瀑布圖中包括關聯請求和響應首部,以及和時間有關的指標如首字節時間,文檔完成時間和頁麵完全加載時間等。 WebPageTest可以根據內容類型記錄請求數和字節數。用戶可以深入地考察CPU使用率、帶寬和主綫程時間綫,這些指標通常是Web性能優化的關鍵。
除此之外, WebPageTest一直緻力於改進Web性能分析方法的研究。 10年前大傢會使用window.onload事件分析頁麵用戶體驗,當時這也許是一個令人滿意的解決方案,但是現在隨著越來越多的網站采用瞭Ajax,預加載,異步加載和延遲加載等高級技術,這意味著我們無法僅使用window.onload事件就能夠完全檢測齣頁麵加載時的用戶體驗瞭。
在檢測用戶體驗方麵, WebPageTest是業界領先的。它主要使用瞭幻燈片視圖和並行視頻比較等方法。高亮顯示網站開始渲染頁麵的時間,讓網站站長知道在用戶可以和頁麵進行交互之前用戶等待瞭多久。最重要的創新是速度指數,它是評估頁麵體驗的綜閤指標。
WebPageTest是當今世界領先的Web性能工具。它方便易用,提供瞭大量的Web性能指標和獨創性的分析用戶體驗的方法。在我之前寫的《 Even Faster Web Sites》一書中,曾經說過, WebPageTest的價值還沒有被完全發掘。幸運的是,現在情況大有改觀。事實上,現在已經有一本專門介紹它的書瞭。通過這本書,你可以充分利用WebPageTest,讓你的網站更快、更有趣。
-- Steve Souders, SpeedCurver首席執行官,
“working on the interplay between performance and design”
http://stevesouders.com
前言
WebPageTest作為網站性能綜閤測試工具公開發布於2008年。 在AOL時,我最初開發它的目的是為最終用戶展示頁麵載入過程中開發者的信息(例如實際的網絡連接狀態,瀏覽器的瀏覽記錄)。那時,大多數開發者都使用火狐瀏覽器,因為它自帶的開發者工具要比其他瀏覽器好很多。而且存放網站服務器的數據中心就在街對麵,我們辦公室通過快速以太網連接到數據中心。在這種環境中,所有網頁的加載速度都快得不切實際。我們需要一種辦法來檢測和共享在Windows環境下,使用慢速連接環境(撥號和低速的DSL為主),用戶使用IE瀏覽器瀏覽頁麵的實際體驗。
雖然瀏覽器的功能特性日趨完善,各種性能測試平颱也在不斷進化,但是它們的核心目標是一緻的:為開發者提供和最終用戶環境類似的頁麵性能信息。
WebPageTest是開源項目,代碼托管在GitHub上。大傢隻要遵守BSD協議,就可以根據需要使用它們。有跡象錶明,若乾商業測試平颱使用瞭WebPageTest的全部或部分代碼,同時它也為HTTP存檔( httparchive.org)增添瞭活力。 WebPageTest最大的優勢是免費,我們可以通過WebPageTest.org訪問它的公共服務,這個服務由超過50傢公司和個人提供測試地址。目前, WebPageTest公共服務平均每天執行45 000個測試任務,纍計執行瞭大約5300萬個測試任務,並且它是2008年建立的。
WebPageTest更像是一個開發者的工具,對開發者監測和解決前端頁麵性能問題幫助極大。或許你會認為言過其實瞭,但是隨著你對它的瞭解日益加深,你會發現它的功能的確非常強大。我非常感謝O'Reilly齣版社, Andy、 Marcel和Rick編寫這本書,它可以幫助大傢瞭解和認識WebPageTest ,讓大傢能夠更好地充分利用WebPageTest。
--Patrick Meenan, WebPageTest主要開發者和創始人
本書適用讀者
? 網站站長。
? Web開發人員。
? 性能優化工程師。
Web性能淺說
眾所周知,我們很容易發現一個網站的性能好壞。網站某些內容加載時間過長,或者交互不友好都會讓我們厭倦,甚至生氣。頁麵加載的速度甚至具有讓我們産生負麵情緒的能力。當我們等待時間過長失去耐心,或許我們就會抓狂。同時網站的用戶可能就不會像預期的那樣在網站上瀏覽更多內容,看更多廣告或購買更多商品。
整體來說,互聯網Web頁麵是越來越慢瞭。照片和視頻等富媒體內容可以方便地下載要歸功於越來越快的網絡傳輸速度,但是用戶的期望總是隨著網站性能的提升而提高的。
我希望本書的讀者不僅僅單純的是一個網站用戶,更希望是一個能夠優化Web頁麵性能的人。市麵上有很多專注於Web性能優化的工具,然而,沒有一個比WebPageTest.org( http://www.WebPageTest.org)更讓人欽佩。 WebPageTest是一個免費、開源的在綫Web性能測試工具。在本書中,我們將帶你瞭解如何使用這個工具來測試網站性能,讓你可以診斷網站頁麵緩慢的原因,令你的用戶流連忘返。
本書概要
本書主要分三個部分:初級、中級和高級用例。每個部分對應不同層次的WebPageTest用戶:
? 初級用例通過一個簡單的測試例子介紹瞭如何使用WebPageTest。
? 中級用例深入介紹瞭更復雜的測試技巧,其中部分內容需要用到腳本命令執行測試。
? 高級用例介紹瞭API接口和私有實例在特定場景下的典型應用。
一次買瞭個夠,很滿意,部分裝訂的很精緻,薅羊毛薅的爽歪歪。
評分包裝很好,和同一包裹裏的另外兩本比起來這個完好無損。
評分有點小瑕疵 不過還行啦 京東的物流的服務很棒,就是商品質量還要注意點
評分書的質量不錯 慢慢看
評分精華,慢慢研讀慢慢研究吧
評分買瞭很多書,特彆劃算,一直信賴京東,點贊。
評分超棒的 書也是全新的 希望自己能認認真真地學習 好評送上
評分好處是看著不纍,半天能看200頁,壞處是反復讀會比較纍,總是在翻頁。
評分炒雞好!!我是代碼盲,看到代碼就頭疼,但是看這個書學習覺得好生動形象,學的很快,很適閤初學者昂,看瞭四分之一,覺得棒棒噠,努力自學成為前端程序媛??
WebPageTest應用指南 pdf epub mobi txt 電子書 下載