網站性能(網站性能最佳實踐)

本文主要介紹一下我在做網站性能分析時候用的工具以及資料,推薦的工具基於web的工具網站需要從Internet能訪問到或者對外網開放Google's Page Speed Insights(https://developers.google.com/speed/pagespeed/insights/). 包含移動和桌面端http://www.webpagetest.org/ – 能從很多地方和瀏覽器測試,其中包含中國。ShowSlow (https://github.com/sergeychernyshev/showslow/wiki)總結很多web性能的工具和方法. 基於瀏覽器的測試工具Google's Lighthouse (過去叫audit) tab in Chrome Developer Tools – 這個應該很多人都會用,就不詳細介紹瞭。Performance tab in Chrome Developer Tools ,是研究頁面如何變化的好工具,它顯示瞭頁面隨時間變化的屏幕截圖(用戶感知的性能),網絡請求,在瀏覽器沒有給定頁面的過程中分解瞭瀏覽器的操作等。推薦閱讀網站資源Google's https://developers.google.com/web/fundamentals/performance/why-performance-matters.Steve Souders' High Performance Web Site Blog (http://stevesouders.com/)Yahoo's Best Practices for Speeding Up Your Web Site (https://developer.yahoo.com/performance/rules.html)– 非常的有名網站優化原則Ilya Grigorik's Performance Web Site.(https://www.igvita.com/)Can I Use 網站告訴我們哪些瀏覽器有哪些功能(https://caniuse.com/)Chrome FrameViewer How-To (http://www.chromium.org/developers/how-tos/trace-event-profiling-tool/using-frameviewer)書籍High Performance Web Sites: 史蒂夫·索德斯(Steve Souders)撰寫的面向前端工程師的基礎知識–應該是每個Web開發人員都必須閱讀的內容。 請註意,某些技術會根據瀏覽器的實現而有所不同。 進行更改之前,請使用網絡跟蹤。.Even Faster Web Sites: 史蒂夫·索德斯(Steve Souders)針對Web開發人員的性能最佳實踐–這是高性能網站的後續書籍High Performance Browser Networking by Ilya Grigorik – 非常好的客戶端優化書。Systems Performance: Brendan Gregg撰寫的Enterprise and Cloud著重於服務器端可擴展性問題。Tips在Chrome瀏覽器中衡量性能時,請禁用或刪除firebug-lite擴展程序。 此擴展程序發出其他Web請求,包括使用阻止的HTTP請求第二次請求主頁。 事件(event)比計時器(timer)更有效,並且對移動電池壽命的影響較小。

本文出自快速备案,转载时请注明出处及相应链接。

本文永久链接: https://kuaisubeian.cc/48319.html

kuaisubeian