作為前端工程師,優化網頁性能是進階的必然程序
那么如何查看網頁的記憶體問題呢
這里以谷歌瀏覽器為例子
第一步:按住shift+esc會彈出一個任務管理器

第二步:右擊 點擊 JavaScript使用的記憶體

知識點
1.(記憶體)列 表示本機記憶體,DOM節點存盤在本機記憶體中,如果這個值在增加,則說明正在創建DOM節點,
2.(JavaScript 使用的記憶體)列 表示JS堆,這一列包含兩個值, 您感興趣的值是會跳動的數字(括號中的數字),跳動的數字表示您網頁上的可獲得的物件正在使用多少記憶體,如果這個數字在增加,那說明正在創建新物件,或現有物件正在增長,
下面是瀏覽器的垃圾回識訓制 官方檔案 介紹
大致意思就是物件分為活動物件和垃圾 回收器會把垃圾全部回收掉
瀏覽器的垃圾回識訓制采用標記-清除垃圾回收演算法,這個演算法假定設定一個叫做根(root)的物件(在Javascript里,根是全域物件),垃圾回收器將定期的從根開始,找所有從根開始參考的物件,然后找這些物件參考的物件……有參考的物件可獲得的物件(reachable objects),也叫活動物件(Live Object),沒有參考的物件是不可獲得的物件(non-reachable objects),被認為是垃圾,可以被回收,
從根開始,垃圾回收器將找到所有可以獲得的物件和所有不可獲得的物件,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/347145.html
標籤:其他
