| OLD | NEW |
| 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> | 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> |
| 2 <link rel="import" href="class_ref.html"> | 2 <link rel="import" href="class_ref.html"> |
| 3 <link rel="import" href="observatory_element.html"> | 3 <link rel="import" href="observatory_element.html"> |
| 4 <link rel="import" href="nav_bar.html"> | 4 <link rel="import" href="nav_bar.html"> |
| 5 | 5 |
| 6 <polymer-element name="heap-profile" extends="observatory-element"> | 6 <polymer-element name="heap-profile" extends="observatory-element"> |
| 7 <template> | 7 <template> |
| 8 <link rel="stylesheet" href="css/shared.css"> | 8 <link rel="stylesheet" href="css/shared.css"> |
| 9 <style> | 9 <style> |
| 10 .table { | 10 .table { |
| (...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 82 {{ isolate.newSpace.capacity | formatSize }} | 82 {{ isolate.newSpace.capacity | formatSize }} |
| 83 </div> | 83 </div> |
| 84 </div> | 84 </div> |
| 85 <div class="memberItem"> | 85 <div class="memberItem"> |
| 86 <div class="memberName">external</div> | 86 <div class="memberName">external</div> |
| 87 <div class="memberValue"> | 87 <div class="memberValue"> |
| 88 {{ isolate.newSpace.external | formatSize }} | 88 {{ isolate.newSpace.external | formatSize }} |
| 89 </div> | 89 </div> |
| 90 </div> | 90 </div> |
| 91 <div class="memberItem"> | 91 <div class="memberItem"> |
| 92 <div class="memberName">Collections</div> | 92 <div class="memberName">collections</div> |
| 93 <div class="memberValue">{{ formattedCollections(true) }}</div> | 93 <div class="memberValue">{{ formattedCollections(true) }}</div> |
| 94 </div> | 94 </div> |
| 95 <div class="memberItem"> | 95 <div class="memberItem"> |
| 96 <div class="memberName">Average Collection Time</div> | 96 <div class="memberName">average collection time</div> |
| 97 <div class="memberValue">{{ formattedAverage(true) }}</div> | 97 <div class="memberValue">{{ formattedAverage(true) }}</div> |
| 98 </div> | 98 </div> |
| 99 <div class="memberItem"> | 99 <div class="memberItem"> |
| 100 <div class="memberName">Cumulative Collection Time</div> | 100 <div class="memberName">cumulative collection time</div> |
| 101 <div class="memberValue">{{ formattedTotalCollectionTime(true) }}</d
iv> | 101 <div class="memberValue">{{ formattedTotalCollectionTime(true) }}</d
iv> |
| 102 </div> | 102 </div> |
| 103 <div class="memberItem"> |
| 104 <div class="memberName">average time between collections</div> |
| 105 <div class="memberValue">{{ isolate.newSpace.averageCollectionPeriod
InMillis.toStringAsFixed(2) }} ms</div> |
| 106 </div> |
| 103 </div> | 107 </div> |
| 104 <div id="newPieChart" style="height: 300px"></div> | 108 <div id="newPieChart" style="height: 300px"></div> |
| 105 </div> | 109 </div> |
| 106 <div id="oldSpace" class="flex-item-50-percent"> | 110 <div id="oldSpace" class="flex-item-50-percent"> |
| 107 <h2>Old Generation</h2> | 111 <h2>Old Generation</h2> |
| 108 <br> | 112 <br> |
| 109 <div class="memberList"> | 113 <div class="memberList"> |
| 110 <div class="memberItem"> | 114 <div class="memberItem"> |
| 111 <div class="memberName">used</div> | 115 <div class="memberName">used</div> |
| 112 <div class="memberValue"> | 116 <div class="memberValue"> |
| 113 {{ isolate.oldSpace.used | formatSize }} | 117 {{ isolate.oldSpace.used | formatSize }} |
| 114 of | 118 of |
| 115 {{ isolate.oldSpace.capacity | formatSize }} | 119 {{ isolate.oldSpace.capacity | formatSize }} |
| 116 </div> | 120 </div> |
| 117 </div> | 121 </div> |
| 118 <div class="memberItem"> | 122 <div class="memberItem"> |
| 119 <div class="memberName">external</div> | 123 <div class="memberName">external</div> |
| 120 <div class="memberValue"> | 124 <div class="memberValue"> |
| 121 {{ isolate.oldSpace.external | formatSize }} | 125 {{ isolate.oldSpace.external | formatSize }} |
| 122 </div> | 126 </div> |
| 123 </div> | 127 </div> |
| 124 <div class="memberItem"> | 128 <div class="memberItem"> |
| 125 <div class="memberName">Collections</div> | 129 <div class="memberName">collections</div> |
| 126 <div class="memberValue">{{ formattedCollections(false) }}</div> | 130 <div class="memberValue">{{ formattedCollections(false) }}</div> |
| 127 </div> | 131 </div> |
| 128 <div class="memberItem"> | 132 <div class="memberItem"> |
| 129 <div class="memberName">Average Collection Time</div> | 133 <div class="memberName">average collection time</div> |
| 130 <div class="memberValue">{{ formattedAverage(false) }}</div> | 134 <div class="memberValue">{{ formattedAverage(false) }}</div> |
| 131 </div> | 135 </div> |
| 132 <div class="memberItem"> | 136 <div class="memberItem"> |
| 133 <div class="memberName">Cumulative Collection Time</div> | 137 <div class="memberName">cumulative collection time</div> |
| 134 <div class="memberValue">{{ formattedTotalCollectionTime(false) }}</
div> | 138 <div class="memberValue">{{ formattedTotalCollectionTime(false) }}</
div> |
| 135 </div> | 139 </div> |
| 140 <div class="memberItem"> |
| 141 <div class="memberName">average time between collections</div> |
| 142 <div class="memberValue">{{ isolate.oldSpace.averageCollectionPeriod
InMillis.toStringAsFixed(2) }} ms</div> |
| 143 </div> |
| 136 </div> | 144 </div> |
| 137 <div id="oldPieChart" style="height: 300px"></div> | 145 <div id="oldPieChart" style="height: 300px"></div> |
| 138 </div> | 146 </div> |
| 139 </div> | 147 </div> |
| 140 </div> | 148 </div> |
| 141 <br> | 149 <br> |
| 142 <hr> | 150 <hr> |
| 143 <div class="content-centered-big"> | 151 <div class="content-centered-big"> |
| 144 <table id="classtable" class="flex-item-100-percent table"> | 152 <table id="classtable" class="flex-item-100-percent table"> |
| 145 <thead id="classTableHead"> | 153 <thead id="classTableHead"> |
| (...skipping 14 matching lines...) Expand all Loading... |
| 160 <tbody id="classTableBody"> | 168 <tbody id="classTableBody"> |
| 161 </tbody> | 169 </tbody> |
| 162 </table> | 170 </table> |
| 163 <br><br><br> | 171 <br><br><br> |
| 164 <br><br><br> | 172 <br><br><br> |
| 165 </div> | 173 </div> |
| 166 </template> | 174 </template> |
| 167 </polymer-element> | 175 </polymer-element> |
| 168 | 176 |
| 169 <script type="application/dart" src="heap_profile.dart"></script> | 177 <script type="application/dart" src="heap_profile.dart"></script> |
| OLD | NEW |