jQuery AJAX加载方法 - 延迟

Question

我承认我是一个非常新的网页开发（只编写了大约一年），尤其是JS / jQuery时的绿色。

我构建的特定网页根据悬停在某些类别上加载不同的数据：乡村俱乐部，度假村，酒店等。当我在本地机器上构建网站时，javascript功能非常快。但是，在实际站点上，它在数据交换发生之前有很长的延迟。

网址为：http://preferredparkingsolutions.com/client_list.html

指向javascript函数的链接：http://preferredparkingsolutions.com/scripts/clientHover.js

通过从文本文件中提取数据来替换显示div（#client_list）。

有更好/更快的方法吗？

Answer 1

是的，可以通过预先加载内容并缓存它来优化。目前，您正在为每个悬停执行HTTP请求 - 即使用户之前已悬停在该元素之上，因为AJAX响应未被缓存。这样做将是您最快的胜利。

但是，我无法看到任何内容在外部生活的情况。您是否有任何理由反对在页面中实际使用内容并使用show / hide方法？对此有各种好处 - 搜索引擎优化，一方面，因为谷歌会找到内容。

Answer 2

这是您正在加载的外部页面http://preferredparkingsolutions.com/client_list.inc.html，内容看起来很少，看起来像是一个静态页面，那么为什么不先加载所有内容然后隐藏并显示div？正如Utkanos所建议的那样，你每个悬停都会有一个SEO好处以及它的HTTP请求。如果您仍想在外部加载它，请将其加载一次并缓存它并使用缓存版本来隐藏和显示div。