Egret常用优化技巧笔记

<h1>Egret常用优化技巧笔记</h1>

1. 加载页面的时候，少用list,多使用scroller+group的分帧加载

在Egret游戏中，加载大量列表数据时，直接使用List组件可能会导致性能问题。为了提高加载效率和用户体验，可以采用以下方法：

使用Scroller和Group进行分帧加载

1. 创建Scroller和Group：

   let scroller = new eui.Scroller(); scroller.width = 300; scroller.height = 400; this.addChild(scroller); let group = new eui.Group(); scroller.viewport = group; 

2. 分帧加载数据： 假设你有一个大型列表数据dataList，可以将其分成多个小批次进行加载。

   let batchSize = 10; // 每批次加载的数据量 let currentIndex = 0; function loadBatch() { if (currentIndex >= dataList.length) return; for (let i = 0; i < batchSize && currentIndex < dataList.length; i++) { let item = createItem(dataList[currentIndex]); group.addChild(item); currentIndex++; } if (currentIndex < dataList.length) { setTimeout(loadBatch, 20); // 延迟加载下一批次 } } loadBatch(); 

3. 创建列表项：

   function createItem(data: any): eui.Component { let item = new eui.ItemRenderer(); item.skinName = "path/to/your/item_skin"; // 设置数据到item上 item.data = data; return item; } 

分析CPU消耗时间（操作卡顿）

1. 使用性能分析工具： Egret提供了性能分析工具，可以帮助你检测哪些部分的代码消耗了大量CPU资源。

2. 截图和查看视图： 通过截图并点击特定区域，可以查看详细的性能数据。

3. 检测高峰： 查看是否有大量对象被创建或频繁的渲染操作导致CPU使用率过高。

其他优化技巧

1. 减少try-catch的使用： 被try catch包裹的函数执行会变得非常慢，尽量减少其使用。

2. 避免频繁的getBounds和autoSize： 这些方法需要大量计算，对性能的影响较大，应尽量少用。

3. 合理设置帧率： 根据游戏需求合理设置帧率，避免不必要的帧数增加。

通过以上优化技巧，可以显著提升Egret游戏的加载速度和运行效率。