1

我承认我是一个非常新的 Web 开发人员（只编码了大约一年），尤其是在 JS / jQuery 方面是绿色的。

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

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

哪个链接到 javascript 函数： http: //preferredparkingsolutions.com/scripts/clientHover.js

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

有没有更好/更快的方法来做到这一点？

4

2 回答 2

3

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

但是，我根本看不到任何将内容放在外部的情况。您是否有任何理由反对将内容物理地放在页面中并仅使用显示/隐藏方法？这有很多好处 - 搜索引擎优化，一方面，因为谷歌会找到内容。

于 2012-07-13T18:09:30.080 回答
2

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

于 2012-07-13T18:13:54.240 回答