私はかなり新しい Web 開発者 (コーディングを始めて約 1 年) であり、特に JS / jQuery に関してはグリーンです。
私が作成した特定の Web ページは、特定のカテゴリ (カントリー クラブ、リゾート、ホテルなど) にカーソルを合わせると、さまざまなデータをロードします。ローカル マシンでサイトを作成したとき、JavaScript 関数は非常に高速でした。ただし、ライブ サイトでは、データ スワップが発生するまでに長い遅延があります。
URL は次のとおりです。http://preferredparkingsolutions.com/client_list.html
http://preferredparkingsolutions.com/scripts/clientHover.jsの javascript 関数へのリンク
これは、テキスト ファイルからデータを取得して表示 div (#client_list) を置き換えます。
これを行うためのより良い/より速い方法はありますか?
はい、コンテンツを事前に読み込んでキャッシュすることで最適化できます。現在、AJAX 応答がキャッシュされていないため、ユーザーが以前にその要素にカーソルを合わせていたとしても、ホバーごとに HTTP リクエストを実行しています。これを行うと、最速の勝利になります。
ただし、コンテンツを外部に公開するケースはまったくありません。ページにコンテンツを物理的に配置し、表示/非表示メソッドを使用することに反対する理由はありますか? これにはさまざまな利点があります。たとえば、Google がコンテンツを見つけるため、SEO です。
これはあなたが読み込んでいる外部ページですhttp://preferredparkingsolutions.com/client_list.inc.htmlコンテンツはほとんど見えず、静的ページのように見えます。なぜすべてを前もって読み込んでから、div を非表示にして表示しないのですか? Utkanosが示唆したように、SEOの利点と、ホバーごとのHTTPリクエストも得られます。それでも外部からロードしたい場合は、一度ロードしてキャッシュし、キャッシュされたバージョンを使用してdivを非表示および表示します。