jQuery UI 자동 완성이 긴 항목 목록과 함께 매우 느림

약 8,000 개의 항목 (MySQL에서로드 중) 목록이 있고 모든 항목을로드하기 위해 간단한 HTML 선택 필드를 만들었지 만로드 시간이 10-15 초마다. 그런 다음 jQuery 자동 완성으로 변경했는데 단순 선택 필드보다 훨씬 좋았지 만 지연 시간은 여전히 8-10 초입니다. 로드 시간을 줄일 수있는 방법이 있습니까?jQuery UI 자동 완성이 긴 항목 목록과 함께 매우 느림

나는이 방법 jQuery UI Autocomplete Combobox Very Slow With Large Select Lists을 시도하지만

출처

2017-03-28 Arif

나는 생각 로딩 속도에 영향을주지 않습니다 귀하의 문제를 해결하는 가장 좋은 방법은 한 번 추가되는 8000 개의 모든 항목을로드하지 않는 것입니다. 어쩌면 당신은 항목에 대한 lazyloading을 구현하거나 API로부터의 당신의 입력을 기반으로 가능한 아이템을로드하는 접근법을 취할 수 있습니다. – user7776232

당신은 또한 시도 할 수 HTML5 DataList에

<input list="browsers" name="browser"> 
    <datalist id="browsers"> 
    <option value="Internet Explorer"> 
    <option value="Firefox"> 
    <option value="Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
    </datalist>

당신도 시도 할 수 경량 JS http://leaverou.github.io/awesomplete/

출처

2017-03-28 20:17:48 Ajay

나는 링크를 따라 갔지만 모든 예제는 매우 적은 수의 아이템을 가지고있다. 정말 실적이 좋습니까? q에는 8000 개의 항목이 나와 있습니다. –

어쨌든 두 힌트를 주셔서 감사합니다. –

jQuery UI 자동 완성이 긴 항목 목록과 함께 매우 느림

답변

관련 문제