Grid组件性能问题有哪些？

@Builder 
GridLayout() { 
  Grid(this.scroller) { 
    if (!this.isManaging) { 
      GridItem() { 
        BookShelfHeaderView() 
      } 
      .columnStart(0) 
      .columnEnd(this.currentBreakpoint === BreakpointConstants.BREAKPOINT_LG ? 4 : 
        this.currentBreakpoint === BreakpointConstants.BREAKPOINT_MD ? 3 : 2) 
    } 
 
    LazyForEach(this.viewModel.bookData, (item: QMBook, index: number) => { 
      GridItem() { 
        BookShelfGridCell({ 
          viewModel: this.viewModel, 
          book: item, 
          index: index 
        }).reuseId('BookShelfGridCell') 
      } 
    }, (item: Book, index: number) => JSON.stringify(item) + index) 
 
    if (!this.isManaging) { 
      GridItem() { 
        BookShelfGridAddCell() 
      } 
    } 
    GridItem() { 
      BookShelfFooterView({ viewModel: this.viewModel }) 
    } 
    .columnStart(0) 
    .columnEnd(this.currentBreakpoint === BreakpointConstants.BREAKPOINT_LG ? 4 : 
      this.currentBreakpoint === BreakpointConstants.BREAKPOINT_MD ? 3 : 2) 
  } 
  .backgroundColor($r('app.color.bg1')) 
  .borderRadius({ topLeft: $r('app.float.view_border_radius'), topRight: $r('app.float.view_border_radius') }) 
  .cachedCount(this.currentBreakpoint === BreakpointConstants.BREAKPOINT_LG ? 5 : 
    this.currentBreakpoint === BreakpointConstants.BREAKPOINT_MD ? 4 : 3) 
  .columnsTemplate(this.currentBreakpoint === BreakpointConstants.BREAKPOINT_LG ? '1fr 1fr 1fr 1fr 1fr' : 
    this.currentBreakpoint === BreakpointConstants.BREAKPOINT_MD ? '1fr 1fr 1fr 1fr' : '1fr 1fr 1fr') 
  .edgeEffect(EdgeEffect.None) 
  .layoutDirection(GridDirection.Row) 
  .rowsGap(24) 
  .columnsGap(24) 
  .width('100%') 
  .height('100%') 
  .layoutWeight(1) 
  .padding({ left: 20, right: 20, top: 16 }) 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.