iOS高频Socket消息处理：解决TableView UI卡顿问题

嘿，我完全懂你遇到的糟心事——当Socket每秒狂推20-30条消息时，直接频繁刷新TableView肯定会把主线程堵得死死的，UI直接冻住太影响体验了。咱们可以参考Facebook直播的思路，先把消息存进队列缓存，再分批展示，这样既能保证流畅性，又能让消息看起来是逐步加载出来的。

核心思路 #

1. 用消息队列缓存所有Socket消息：不要收到消息就立刻更新UI，先把消息暂存起来
2. 分批拉取消息更新UI：用定时器每隔一段时间（比如0.3-0.5秒）从队列里取1-2条消息，再更新TableView
3. 高效更新TableView：用批量插入行的方式替代全量reload，减少UI开销
4. 智能滚动到底部：只在用户当前接近底部时才自动滚动，避免打断用户浏览

代码实现 #

首先，先定义几个关键变量：

// 存放所有收到的Socket消息的队列
private var messageQueue: [YourMessageModel] = []
// 最终展示在TableView里的数据源数组
private var displayedMessages: [YourMessageModel] = []

然后处理Socket的消息回调，把消息加入队列（注意如果Socket回调在后台线程，一定要切换到主线程操作队列）：

// 假设这是你的Socket消息接收方法
func socketDidReceiveMessage(_ message: YourMessageModel) {
    DispatchQueue.main.async {
        self.messageQueue.append(message)
    }
}

接下来在viewDidLoad里设置定时器，分批处理队列里的消息：

override func viewDidLoad() {
    super.viewDidLoad()
    // 初始化TableView的代码（注册cell、设置代理等）...
    
    // 设置定时器，每隔0.4秒处理一次消息队列，时间间隔可以根据需求调整
    Timer.scheduledTimer(withTimeInterval: 0.4, repeats: true) { [weak self] timer in
        guard let self = self else {
            timer.invalidate()
            return
        }
        
        // 如果队列空了，直接跳过
        guard !self.messageQueue.isEmpty else { return }
        
        // 每次取1-2条消息，数量可以根据实际情况调整
        let batchSize = min(2, self.messageQueue.count)
        let newMessages = Array(self.messageQueue.prefix(batchSize))
        // 从队列里移除已经取出的消息
        self.messageQueue.removeFirst(batchSize)
        
        // 更新数据源数组
        let startIndex = self.displayedMessages.count
        self.displayedMessages.append(contentsOf: newMessages)
        
        // 批量插入新行，比reloadData高效N倍
        let indexPaths = (startIndex ..< self.displayedMessages.count).map {
            IndexPath(row: $0, section: 0)
        }
        
        self.tableView.performBatchUpdates({
            self.tableView.insertRows(at: indexPaths, with: .automatic)
        }, completion: { [weak self] _ in
            guard let self = self else { return }
            
            // 只有当用户当前接近底部时，才自动滚动到底部，避免打断用户浏览
            let contentHeight = self.tableView.contentSize.height
            let visibleHeight = self.tableView.frame.height
            let currentOffset = self.tableView.contentOffset.y
            let isNearBottom = currentOffset + visibleHeight >= contentHeight - 100 // 100是阈值，可调整
            
            if isNearBottom {
                let bottomIndexPath = IndexPath(row: self.displayedMessages.count - 1, section: 0)
                self.tableView.scrollToRow(at: bottomIndexPath, at: .bottom, animated: true)
            }
        })
    }
}

额外优化建议 #

• 定时器内存管理：记得在控制器销毁时 invalidate 定时器，避免内存泄漏（可以把定时器存为实例变量，在deinit里调用timer.invalidate()）
• 调整批次和间隔：如果消息量特别大，可以把批次调到2-3条，间隔缩短到0.3秒；如果消息量小，间隔可以拉长到0.5秒，保证体验流畅
• 线程安全：如果Socket回调在后台线程，一定要确保队列的操作在主线程执行，避免多线程竞争问题
• 动画优化：如果觉得滚动动画太卡，可以把animated: true改成false，或者用更轻量的滚动方式（比如直接设置contentOffset）

这样修改后，UI就不会再因为频繁刷新而冻结了，而且消息会像直播那样逐步展示出来，和Facebook的效果差不多~

内容的提问来源于stack exchange，提问作者Chetan9007