我們可以編寫一些漂亮，且吸引人的**，但如果該**無法快速載入到瀏覽器中，人們往往會跳過它。 儘管有許多效能規則，但歸根結底，這全都取決於載入時間。
根據 jakob nielson說法，在網建的**時，需要注意以下幾點：
如上所述，即使在最差的網路頻寬上，也需要確保頁面盡快載入。 但這個說起來容易做起來難。
為了能幫助更好的實現這一目標，這裡推薦了幾個效能分析工具。
這是乙個免費的服務，分析網頁的內容，然後提出建議，使該網頁更快。它為您提供了關鍵指標，如第乙個內容繪製，總阻塞時間和更多。度量標準被分類為field data、origin summary,lab data,opportunities、diagnostics和passed audits。它還為我們提供了進一步改進的建議。
lighthouse 是乙個開源的自動化工具，用於改進網路應用的質量。 你可以將其作為乙個 chrome 擴充套件程式執行，或從命令列執行。 你為 lighthouse 提供乙個您要審查的**，它將針對此頁面執行一連串的測試，然後生成乙個有關頁面效能的報告。
從此處，您可以失敗的測試為指示器，看看可以採取哪些措施來改進您的應用。
執行 lighthouse 的方式有兩種：作為 chrome 擴充套件程式執行，或作為命令列工具執行。 chrome 擴充套件程式提供了乙個對使用者更友好的介面，方便讀取報告。 命令列工具允許您將 lighthouse 整合到持續整合系統。
webpagetest 主要提供了advanced testing、****** testing、visual comparison、traceroute四個功能，我們主要關注advanced testing。
如何使用webpagetest
我最喜歡的功能是分析後的的摘要，其中會為我們提供有關**內容和請求的摘要。 我發現這對於了解網頁上提供的內容有很大幫助。
sitespeed.io 是一款開源的web效能測試工具，用來衡量web**的綜合性能，幫助開發和測試人員分析網頁的載入速度和渲染效能。
sitespeed.io通過驅動瀏覽器（如：chrome、firefox）進行測試，然後從開發者的站點收集多個頁面的資料，並根據最佳實踐等規則來分析這些網頁，然後將結果以html報告的形式輸出。
sitespeed.io 滿足了乙個完整的web效能測試工具所需的3個關鍵功能：
使用真實的瀏覽器測試web站點，模擬真實的使用者進行請求連線，收集以使用者為中心的重要指標，如：響應速度指標、第一視覺呈現
可分析頁面的組成，並給出相應效能反饋，增加終端使用者的使用體驗友好性
通過收集和儲存頁面組成的資料，便於跟蹤定位
speedcurve 既可以讓你追蹤競爭對手的效能表現，也可以追蹤自己的效能表現。
使用 speedcurve 時，你可以檢視某個因素在不同站點的速度表現。對於移動使用者來說，他們希望**在手機上載入起來要快於電腦，如果感到載入遲緩，往往會迅速關上網頁，所以，**的響應速度對他們很重要。
speedcurve 還提供了綜合監控。綜合監控是在受控環境中模擬你的**。你可以自定義選項，比如網路速度、裝置、作業系統等等。
speedtracker是乙個執行在webpagetest之上的工具，可在你的**上進行定期的效能測試，並直觀顯示各種效能指標隨時間變化的方式。 這使你可以不斷評估**，並檢視新功能如何影響**的效能。 你還可以定義預算並通過電子郵件和slack獲取警報。
前端效能測試分析
web瀏覽器與web伺服器之間通過http協議進行通訊的過程。所以，web c s之間握手的協議就是http協議。遞迴尋找dns server 連線目標ip並建立tcp連線 向目標伺服器傳送http請求 web伺服器接收請求後處理 web伺服器返回相應的結果 無效 重定向 正確頁面等 瀏覽器接收返回...
mysql 效能分析 mysql效能分析工具
一 expalin 在sql語句之前加上explain關鍵字就可以獲取這條sql語句執行的計畫 那麼返回的這些欄位是什麼呢？我們先關心一下比較重要的幾個字段 1.select type 查詢型別 1 簡單查詢，沒有union和子查詢 2 priamry 主查詢，有union或子查詢的最外層查詢 3 ...
效能分析工具彙總
cpu效能分析工具 vmstat pssar time strace pstree topmemory效能分析工具 vmstat strace topipcs ipcrm cat proc meminfo cat proc slabinfo cat proc maps i o效能分析工具 vmsta...