Laravel 11 Livewire防抖输入：取消旧请求缓解数据库负载

1. 主动取消旧请求（Livewire 3+ 原生支持） #

在组件的搜索更新方法或渲染方法中，调用Livewire内置的cancelPreviousRequests()方法，每次触发新请求时直接终止未完成的旧请求：

public function updatedSearch()
{
    $this->cancelPreviousRequests(); // 取消所有挂起的旧请求
    $this->resetPage();
}

也可以在render方法开头添加该调用，确保每次渲染前清理旧请求：

public function render()
{
    $this->authorize('viewAny', Application::class);
    $this->cancelPreviousRequests(); // 优先终止旧请求

    // ... 原有查询逻辑
}

2. 优化数据库查询（解决根源问题） #

百万级数据下的慢查询是请求堆积的核心原因，必须从底层优化：

• 给搜索字段（id、hash、email、mobile等）、过滤字段product_type、排序字段created_at添加复合索引，示例：

  CREATE INDEX idx_applications_search_filter ON applications (product_type, created_at, email, mobile);
  

  索引字段顺序遵循「过滤条件→排序条件→搜索字段」的最左前缀原则。
• 检查searchExact方法实现，确保它使用索引友好的查询逻辑，避免全表扫描（比如不要用LIKE '%xxx%'这类无法命中索引的模糊查询）。
• 立即移除测试用的sleep(3)，这会人为放大请求堆积问题。

3. 调整防抖参数（减少请求触发频率） #

如果100ms防抖过短，用户未输入完成就触发请求，可适当延长到200-300ms：

<x-text-input 
    id="search" 
    name="search" 
    type="text" 
    class="block w-full md:w-1/3 lg:w-1/4" 
    placeholder="Search" 
    wire:model.live.debounce.250ms="search" 
    data-lpignore="true" 
/>

也可以用throttle限制单位时间内的请求次数，比如每500ms最多触发一次：

wire:model.live.throttle.500ms="search"

4. 大数据集分页优化 #

对于百万级数据，simplePaginate可替换为cursorPaginate，避免传统分页的count(*)全表计数开销：

->cursorPaginate(10);

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