| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 | 2 |
| 3 <!-- | 3 <!-- |
| 4 about:memory template page | 4 about:memory template page |
| 5 --> | 5 --> |
| 6 <html id="t"> | 6 <html id="t"> |
| 7 <head> | 7 <head> |
| 8 <title>About Memory</title> | 8 <title>About Memory</title> |
| 9 <if expr="is_android"> | 9 <if expr="is_android"> |
| 10 <meta name="viewport" content="width=device-width"> | 10 <meta name="viewport" content="width=device-width"> |
| 11 </if> | 11 </if> |
| 12 <link rel="stylesheet" href="chrome://memory-redirect/about_memory.css"> | 12 <link rel="stylesheet" href="chrome://memory-redirect/about_memory.css"> |
| 13 <link rel="stylesheet" href="about_memory_linux.css"> | 13 <link rel="stylesheet" href="about_memory_linux.css"> |
| 14 <script src="chrome://resources/js/load_time_data.js"></script> | 14 <script src="chrome://resources/js/load_time_data.js"></script> |
| 15 <script src="chrome://memory-redirect/memory.js"></script> | 15 <script src="chrome://memory-redirect/memory.js"></script> |
| 16 <script src="chrome://memory-redirect/strings.js"></script> | 16 <script src="chrome://memory-redirect/strings.js"></script> |
| 17 </head> | 17 </head> |
| 18 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> | 18 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> |
| 19 <div id='header'> | 19 <div id="header"> |
| 20 <h1> | 20 <h1> |
| 21 About memory | 21 About memory |
| 22 </h1> | 22 </h1> |
| 23 <p> | 23 <p> |
| 24 Measuring memory usage in a multi-process browser | 24 Measuring memory usage in a multi-process browser |
| 25 </p> | 25 </p> |
| 26 </div> | 26 </div> |
| 27 | 27 |
| 28 <div id='content'> | 28 <div id="content"> |
| 29 <h2> | 29 <h2> |
| 30 Summary | 30 Summary |
| 31 <div class='help'> | 31 <div class="help"> |
| 32 <div> | 32 <div> |
| 33 <p class='summary-desc' i18n-values=".innerHTML:summary_desc"></p> | 33 <p class="summary-desc" i18n-values=".innerHTML:summary_desc"></p> |
| 34 </div> | 34 </div> |
| 35 </div> | 35 </div> |
| 36 </h2> | 36 </h2> |
| 37 | 37 |
| 38 <table class='list' id='browserComparison'> | 38 <table class="list" id="browserComparison"> |
| 39 <colgroup> | 39 <colgroup> |
| 40 <col class='name'> | 40 <col class="name"> |
| 41 <col class='number'> | 41 <col class="number"> |
| 42 <col class='number'> | 42 <col class="number"> |
| 43 </colgroup> | 43 </colgroup> |
| 44 <tr class='firstRow doNotFilter'> | 44 <tr class="firstRow doNotFilter"> |
| 45 <th> | 45 <th> |
| 46 </th> | 46 </th> |
| 47 <th colspan='2'> | 47 <th colspan="2"> |
| 48 Memory | 48 Memory |
| 49 <div class='help'> | 49 <div class="help"> |
| 50 <div> | 50 <div> |
| 51 <p> | 51 <p> |
| 52 <strong>Memory</strong> | 52 <strong>Memory</strong> |
| 53 </p> | 53 </p> |
| 54 <p> | 54 <p> |
| 55 <strong>Private:</strong> | 55 <strong>Private:</strong> |
| 56 Resident memory size that is not shared with any other process
. | 56 Resident memory size that is not shared with any other process
. |
| 57 This is the best indicator of browser memory resource usage. | 57 This is the best indicator of browser memory resource usage. |
| 58 </p> | 58 </p> |
| 59 <p> | 59 <p> |
| 60 <strong>Proportional:</strong> | 60 <strong>Proportional:</strong> |
| 61 Accounts for each page of memory as a fraction based on the nu
mber of | 61 Accounts for each page of memory as a fraction based on the nu
mber of |
| 62 processes that have it mapped. Thus, for each page of memory m
apped by two | 62 processes that have it mapped. Thus, for each page of memory m
apped by two |
| 63 processes, this sum will count half of the bytes towards each. | 63 processes, this sum will count half of the bytes towards each. |
| 64 Therefore, this number is greater than the private count. | 64 Therefore, this number is greater than the private count. |
| 65 </p> | 65 </p> |
| 66 | 66 |
| 67 <p><i>(Note that the memory for this tab is not included in the
browser totals)</i></p> | 67 <p><i>(Note that the memory for this tab is not included in the
browser totals)</i></p> |
| 68 </div> | 68 </div> |
| 69 </div> | 69 </div> |
| 70 </th> | 70 </th> |
| 71 </tr> | 71 </tr> |
| 72 <tr class='secondRow doNotFilter'> | 72 <tr class="secondRow doNotFilter"> |
| 73 <th class='name'> | 73 <th class="name"> |
| 74 Browser | 74 Browser |
| 75 </th> | 75 </th> |
| 76 <th class='name'> | 76 <th class="name"> |
| 77 Private | 77 Private |
| 78 </th> | 78 </th> |
| 79 <th class='number'> | 79 <th class="number"> |
| 80 Proportional | 80 Proportional |
| 81 </th> | 81 </th> |
| 82 </tr> | 82 </tr> |
| 83 <tr jsselect="browsers"> | 83 <tr jsselect="browsers"> |
| 84 <td class='name'> | 84 <td class="name"> |
| 85 <div> | 85 <div> |
| 86 <strong jscontent="name"></strong> <span jscontent="version"></spa
n> | 86 <strong jscontent="name"></strong> <span jscontent="version"></spa
n> |
| 87 </div> | 87 </div> |
| 88 </td> | 88 </td> |
| 89 <td class='number'> | 89 <td class="number"> |
| 90 <span class='th' jscontent="formatNumber(ws_priv)"></span><span clas
s='k'>k</span> | 90 <span class="th" jscontent="formatNumber(ws_priv)"></span><span clas
s="k">k</span> |
| 91 </td> | 91 </td> |
| 92 <td class='number'> | 92 <td class="number"> |
| 93 <span class='th' jscontent="formatNumber(ws_shared)"></span><span cl
ass='k'>k</span> | 93 <span class="th" jscontent="formatNumber(ws_shared)"></span><span cl
ass="k">k</span> |
| 94 </td> | 94 </td> |
| 95 </tr> | 95 </tr> |
| 96 </table> | 96 </table> |
| 97 <div class=otherbrowsers jsdisplay="show_other_browsers && browsers.length
== 1"> | 97 <div class="otherbrowsers" |
| 98 Note: If other browsers (e.g. IE, Firefox, Safari) are running, | 98 jsdisplay="show_other_browsers && browsers.length == 1"> |
| 99 I'll show their memory details here. | 99 Note: This page will show memory use for all running browsers, |
| 100 not just Chrome. |
| 101 </div> |
| 102 <div class="otherbrowsers" |
| 103 jsdisplay="show_other_browsers && browsers.length > 1"> |
| 104 Note: Chrome includes memory used by plug-ins, other browsers may not. |
| 100 </div> | 105 </div> |
| 101 | 106 |
| 102 <br><br><br > | 107 <br><br><br> |
| 103 | 108 |
| 104 <h2> | 109 <h2> |
| 105 Processes | 110 Processes |
| 106 <div class='help'> | 111 <div class="help"> |
| 107 <div> | 112 <div> |
| 108 <p> | 113 <p> |
| 109 Details of memory usage for each of Chromium's processes. | 114 Details of memory usage for each of Chromium's processes. |
| 110 </p> | 115 </p> |
| 111 </div> | 116 </div> |
| 112 </div> | 117 </div> |
| 113 </h2> | 118 </h2> |
| 114 | 119 |
| 115 <table class='list' id='memoryDetails'> | 120 <table class="list" id="memoryDetails"> |
| 116 <colgroup> | 121 <colgroup> |
| 117 <col class='pid'> | 122 <col class="pid"> |
| 118 <col class='name' > | 123 <col class="name" > |
| 119 <col class='number'> | 124 <col class="number"> |
| 120 <col class='number'> | 125 <col class="number"> |
| 121 </colgroup> | 126 </colgroup> |
| 122 <tr class='firstRow doNotFilter'> | 127 <tr class="firstRow doNotFilter"> |
| 123 <th> | 128 <th> |
| 124 </th> | 129 </th> |
| 125 <th> | 130 <th> |
| 126 </th> | 131 </th> |
| 127 <th colspan='2'> | 132 <th colspan="2"> |
| 128 Memory | 133 Memory |
| 129 </th> | 134 </th> |
| 130 </tr> | 135 </tr> |
| 131 <tr class='secondRow doNotFilter'> | 136 <tr class="secondRow doNotFilter"> |
| 132 <th class='pid'> | 137 <th class="pid"> |
| 133 PID | 138 PID |
| 134 </th> | 139 </th> |
| 135 <th class='name'> | 140 <th class="name"> |
| 136 Name | 141 Name |
| 137 </th> | 142 </th> |
| 138 <th class='number'> | 143 <th class="number"> |
| 139 Private | 144 Private |
| 140 </th> | 145 </th> |
| 141 <th class='number'> | 146 <th class="number"> |
| 142 Proportional | 147 Proportional |
| 143 </th> | 148 </th> |
| 144 </tr> | 149 </tr> |
| 145 | 150 |
| 146 <tr jsselect="browzr_data"> | 151 <tr jsselect="browzr_data"> |
| 147 <td class='pid'> | 152 <td class="pid"> |
| 148 <span class='th' jscontent="pid"></span> | 153 <span class="th" jscontent="pid"></span> |
| 149 </td> | 154 </td> |
| 150 <td class='name'> | 155 <td class="name"> |
| 151 <div> | 156 <div> |
| 152 Browser | 157 Browser |
| 153 </div> | 158 </div> |
| 154 </td> | 159 </td> |
| 155 <td class='number'> | 160 <td class="number"> |
| 156 <span class='th' jseval="addToSum('tot_ws_priv', $this.ws_priv)" jsc
ontent="formatNumber(ws_priv)"></span><span class='k'>k</span> | 161 <span class="th" jseval="addToSum("tot_ws_priv", $this.ws_priv)" jsc
ontent="formatNumber(ws_priv)"></span><span class="k">k</span> |
| 157 </td> | 162 </td> |
| 158 <td class='number'> | 163 <td class="number"> |
| 159 <span class='th' jscontent="formatNumber(ws_shared)"></span><span cl
ass='k'>k</span> | 164 <span class="th" jscontent="formatNumber(ws_shared)"></span><span cl
ass="k">k</span> |
| 160 </td> | 165 </td> |
| 161 </tr> | 166 </tr> |
| 162 <tr jsselect="child_data"> | 167 <tr jsselect="child_data"> |
| 163 <td class='pid'> | 168 <td class="pid"> |
| 164 <span class='th' jscontent="pid"></span> | 169 <span class="th" jscontent="pid"></span> |
| 165 </td> | 170 </td> |
| 166 <td class='name'> | 171 <td class="name"> |
| 167 <div jscontent="child_name"></div> | 172 <div jscontent="child_name"></div> |
| 168 <div jsselect="titles"> | 173 <div jsselect="titles"> |
| 169 <span jscontent="$this"></span><br> | 174 <span jscontent="$this"></span><br> |
| 170 </div> | 175 </div> |
| 171 </td> | 176 </td> |
| 172 <td class='number'> | 177 <td class="number"> |
| 173 <span class='th' jseval="addToSum('tot_ws_priv', $this.ws_priv)" jsc
ontent="formatNumber(ws_priv)"></span><span class='k'>k</span> | 178 <span class="th" jseval="addToSum("tot_ws_priv", $this.ws_priv)" jsc
ontent="formatNumber(ws_priv)"></span><span class="k">k</span> |
| 174 </td> | 179 </td> |
| 175 <td class='number'> | 180 <td class="number"> |
| 176 <span class='th' jscontent="formatNumber(ws_shared)"></span><span cl
ass='k'>k</span> | 181 <span class="th" jscontent="formatNumber(ws_shared)"></span><span cl
ass="k">k</span> |
| 177 </td> | 182 </td> |
| 178 </tr> | 183 </tr> |
| 179 <tr class='total doNotFilter'> | 184 <tr class="total doNotFilter"> |
| 180 <td class='pid'> | 185 <td class="pid"> |
| 181 </td> | 186 </td> |
| 182 <td class='name'> | 187 <td class="name"> |
| 183 Σ | 188 Σ |
| 184 </td> | 189 </td> |
| 185 <td class='number'> | 190 <td class="number"> |
| 186 <span class='th' id="tot_ws_priv">0</span><span class='k'>k</span> | 191 <span class="th" id="tot_ws_priv">0</span><span class="k">k</span> |
| 187 </td> | 192 </td> |
| 188 <td class='number'> | 193 <td class="number"> |
| 189 </td> | 194 </td> |
| 190 </tr> | 195 </tr> |
| 191 | 196 |
| 192 <tr class='noResults'> | 197 <tr class="noResults"> |
| 193 <td colspan='99'> | 198 <td colspan="99"> |
| 194 No results found. | 199 No results found. |
| 195 </td> | 200 </td> |
| 196 </tr> | 201 </tr> |
| 197 </table> | 202 </table> |
| 198 | 203 |
| 199 <div class="otherbrowsers">(The memory usage of our renderer processes is
slightly less accurate when they are sandboxed.)</div> | 204 <div class="otherbrowsers">(The memory usage of our renderer processes is
slightly less accurate when they are sandboxed.)</div> |
| 200 | 205 |
| 201 </div> | 206 </div> |
| 202 <script src="chrome://resources/js/i18n_template2.js"></script> | 207 <script src="chrome://resources/js/i18n_template2.js"></script> |
| 203 <script src="chrome://resources/js/jstemplate_compiled.js"></script> | 208 <script src="chrome://resources/js/jstemplate_compiled.js"></script> |
| 204 </body> | 209 </body> |
| 205 </html> | 210 </html> |
| OLD | NEW |