如何修复“滚动重绘”性能问题？

Question

在我的应用中，我有一个网格，其中至少有30行。 当在chrome中运行sencha app inspector时，它告诉我这个网格“重新绘制滚动”，实际上，它在chrome上有点滞后，而在我的应用程序几乎冻结。

如何解决这个问题？

编辑： 这是我的网格面板

Ext.define('tabInfo', {
extend: 'Ext.grid.Panel',

constructor: function(config){
      //performing some initialization, like defining columns, store, etc.
   this.superclass.constructor.call(this, {
        id: 'gridInfo',
        store: store,   
        selModel: checkboxModel, 
        columns: columnsArray,
        columnLines: true,
        frame: true,
        bbar: Ext.create('Ext.PagingToolbar', {
            store: store,
            displayInfo: true,
            displayMsg: 'Displaying topics {0} - {1} of {2}',
            emptyMsg: "No topics to display"
        }),
        tbar : topBar
    });

    //this is for performances: I first load items into the store and then
    //resume layout to render all changes
    Ext.suspendLayouts();
    store.load({
        params:{
            start: 0,
            limit: itemsPerPage
        }
    });
    Ext.resumeLayouts(true);