Jqueryオートコンプリートのパフォーマンスを向上させる方法

Question

サイトでjqueryオートコンプリートを使用する予定で、テストバージョンを実装しました。今、文字入力ごとに文字列の新しいリストを取得するためにajax呼び出しを使用しています。問題は、新しいリストが作成される前に1.5秒遅れてしまうことです。オートコンプリートを高速化する最善の方法は何ですか？私はcakephpを使って、検索をして10項目の制限をしています。

Answer 1

This article - 約flickrはどのように自動補完するのが非常に良いですか？私はそれを読んでいるいくつかの "うわー"の経験​​がありました。

「このウィジェットは、（これも10,000接点を持つ メンバーのために真である）200msの下 で、JavaScriptで、すべての連絡先 のリストをダウンロードします。 ために このレベルの性能を得るために、私たちは完全に のデータを サーバーからクライアントに送信する方法を再考しなければなりませんでした。

Answer 2

この場合の速度に関する実際の問題は、データベースでクエリを実行するのにかかる時間です。クエリの速度を向上させる方法がない場合は、検索結果を拡張して上位のランク付けされた結果を含むアイテムを追加すると、1文字おきに1つの検索を実行し、クライアント側で20〜30の結果をフィルタリングできます。

これはパフォーマンスの外観を改善する可能性がありますが、1.5秒で最初にクエリの速度を向上させようとします。

その他の情報をご提供いただければ、より具体的な回答を得ることができます。

幸運を祈る！

Answer 3

1.5秒間隔は、オートコンプリートサービスを提供するための非常に広いギャップです。

1. まず、クエリとdb の接続を最適化します。メモリキャッシュを使用してdb接続を維持してください。
2. サービスが再フェッチを無視するために高度に使用されている場合は、結果キャッシングメソッドを使用します。
3. クライアントキャッシュ（JSリスト）を使用して、古いリクエストをクライアントに保存します。ユーザーが入力して消去しても、それは有用になるでしょう。バックエンドポイントの代わりにフロントエンドキャッシュから結果が得られます。
4. クライアント側での正規表現フィルタリングにはコストがかかりませんが、その可能性はあります。

Answer 4

いくつかの最適化を行う前に、まずボトルネックの位置を分析する必要があります。各ステップ（入力→要求→dbクエリ→レスポンス→表示）の所要時間を調べてみてください。おそらく、CakePHPの実装では、入力されたすべての文字に対してリクエストを送信しないようにする遅延があります。

Answer 5

PHP/SQLではサーバサイドが遅いです。

PHP/SQLは使用しないでください。私のオートコンプリートはC++で書かれており、ハッシュテーブルを使って検索します。掲載結果はhereです。

これはCeleron-300コンピュータ、FreeBSD、Apache/FastCGIです。

これは、巨大な辞書ですばやく実行されることがわかります。 10,000,000レコードは問題ではありません。

また、優先順位、動的翻訳、およびその他の機能もサポートしています。

Answer 6

オートコンプリート自体は遅くはありませんが、実装は可能です。まずチェックするのは、遅延オプションの値です（jQueryドキュメントを参照してください）。次に、私はあなたの質問をチェックするでしょう：10レコードを戻すだけかもしれないが、それらの10レコードを得るために巨大なテーブルスキャンをしていますか？あなたは、データベースからレコードの大量をコレクションに持ち帰り、データベース上でサーバー側のページングを行う代わりにコレクションから10個のアイテムを取っていますか？簡単なインデックスが役立つかもしれませんが、確かめるためにいくつかのテストを行う必要があります。

Answer 7

オンザフライでクエリを実行する代わりにリストオブジェクトをプリロードしてみてください。

また、オートコンプリートにはデフォルトで300msの遅延があります。
おそらく1.5秒でオートコンプリートの待機時間を（つまり、それはあなたが追加の文字を入力していないことを確認するために待機する時間です）含まれています遅延

$(".selector").autocomplete({ delay: 0 });