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