LayaAir引擎學習日誌15----LayaAir記憶體效能分析

效能分析器（Profiles）

        效能分析器（Profiles）是 chrome 開發者工具的一部分，可以通過在頁面右鍵選擇審查元素或在谷歌瀏覽器頁面按F12 開啟 chrome 開發者工具。然後點選 Profiles 切換至效能分析器（Profiles）皮膚。

 

 CPU佔用分析

         選中 Collect JavaScript CPU Profile，點選 Start 按鈕（也可以點選左邊黑色實心圓圈），這個時候Chrome 就會開始記錄當前網頁的方法的執行。結束這個監控需要點選Stop按鈕（或左側的紅色實心圓圈）。結束監控後，在左側 Profiles 下會列出一個監控結果檔案，單擊可以開啟此監控結果檔案。
        監控結果是以資料表格形式展現的。在這個表格裡記錄了函式執行的時間、函式執行的順序和包含關係以及CPU變化趨勢。通過分析結果有針對性的優化函式。

    

 

 

記憶體佔用分析

         選中 Take Heap Snapshot，點選 Take Snapshot 按鈕（也可以點選左邊黑色實心圓圈），此時會在左側的 Profiles 欄目下生成一個當前網頁的記憶體快照記錄檔案。
        生成的記憶體快照檔案是以資料表格的形式記錄了，當前網頁物件的個數、所佔的記憶體大小等。
        拍下一個記憶體快照後，操作頁面，之後再拍下一個記憶體快照。單擊選擇第二個記憶體快照，可以選擇 Comparison 模式對此第二個快照與第一個快照之間的變化。通過分析，對網頁進行優化。

 

不懂的可以加我的QQ群： 172719352（LayaAir引擎交流群 ）歡迎你的到來哦，看了博文給點腳印唄，謝謝啦~~