jquery autocomplete を使用して、サムネイル付きの製品をロードしています。
問題は、画像をロードするたびに http 要求が必要になることと、ほとんどのブラウザーでは、1 つのホスト名に対して同時に実行できる要求の数に制限があることです。
これが意味することは、最初の文字を検索に入力した後、スクリプトはすぐに 20 個の画像を取得しますが (たとえば)、これは並列 http 要求の制限を超えているため、直後に文字を押してもすぐに ajax が実行されないことを意味します。代わりに、前の画像がロードされるまでキューで待機します。そうして初めて、検索が更新されます。
特に私が使用している画像のファイル サイズが非常に大きいことを考えると、これはユーザーにとって非常にイライラさせられます。
これを克服するために私が見つけた唯一の方法は、javascript を画像とは別のサブドメインに配置することです。そうすれば、JS は画像が読み込まれるのを待たずに即座に読み込まれます。ただし、これはこのプロジェクトで使用できるソリューションではありません。
他の解決策はありますか？