2017-05-16 9 views
1

こんにちはスタックコミュニティとUL LIリスト内の検索、スピードアップAJAXの5000個の以上のオブジェクト

イム私は.SHOWよりもその高速化がわかったので.addClassと.removeClassを使用した簡単なAjaxのjsの検索を持つ()と.hide ()。

問題は、その速度がまだ十分ではなく、Imは完全に失われています。

検索はここで見つけることができます:

​​あなたは「東芝」を書くときそれは文句を言わないフィルタリングするために8秒のように取るように、検索をスピードアップするためにどのような方法があります:https://powerparts.cz/adaptery-k-notebookum/9-nabijecka-na-notebook-asus-lenovo-msi-toshiba-19v-342a-55x25#idTab_dm_newtab

実際のコードは次のようになります検索中?

ありがとうございました。 :)

+0

javascriptで項目のリストを保持し、ajaxを実行し、DOMを何度も更新しようとするよりも新鮮なhtmlを出力する方が速いことがわかります。あるいは、あなたのためにDOMの更新を管理するためにreactのようなものを使うことができます。それは私がそれをする方法ですが、おそらくこれを地面から落とす簡単な方法があります。 –

+0

これに大きな変更を加えたくない場合は、クラスを追加/削除する関数[debouncing](https://davidwalsh.name/javascript-debounce-function)を試してみてください。そうすれば、ユーザーが入力を一時停止した後でのみ変更されます。 300msのデバウンス時間は目立たないかもしれません。 –

答えて

0

すべてのコンテンツではなく表示可能な部分のみを表示することで、パフォーマンスを向上させることができます。 それは本当に速く動作することができます。

関連する問題