Virtual-repeat much slower than full load

[csdenboer]

I am trying to speed up my page load time by using virtual-repeat instead of doing a full load. Surprisingly the page load time increased significantly when using virtual-repeat.

This is the html code:

<mdt-table virtual-repeat="true"
mdt-row="{
                      'data': vm.rows,
                      'table-row-id-key': 'code',
                      'column-keys': [
                          'img',
                          'name',
                          'code',
                          'available_supply',
                          'total_supply',
                          'market_capacity',
                          'ask_now',
                          '%_1h',
                          '%_1d',
                          '%_7d'
                      ]
                      }">
  <mdt-header-row>
    <mdt-column align-rule="center">Logo</mdt-column>
    <mdt-column align-rule="left" column-sort="true">Name</mdt-column>
    <mdt-column align-rule="left" column-sort="true">Symbol</mdt-column>
    <mdt-column align-rule="right" column-sort="true">Circulating Supply</mdt-column>
    <mdt-column align-rule="right" column-sort="true">Maximum Supply</mdt-column>
    <mdt-column align-rule="right" column-sort="true">Market Capacity</mdt-column>
    <mdt-column align-rule="right" column-sort="true">Price</mdt-column>
    <mdt-column align-rule="right" column-sort="true">% 1h</mdt-column>
    <mdt-column align-rule="right" column-sort="true">% 1d</mdt-column>
    <mdt-column align-rule="right" column-sort="true">% 7d</mdt-column>
  </mdt-header-row>
</mdt-table>

css:

.md-virtual-repeat-container{ height: 296px; }

just found out that when i close or open developer console in chrome of firefox, then on that action it loads instantly. however custom cells do not render properly

how can i fix this?