jQuery AJAX加载方法-延迟

Question

I'll admit that I'm pretty new web development (only been coding for about a year) and especially green when it comes to JS / jQuery.

A specific web page I've built loads different data based on hovering over certain categories: country clubs, resorts, hotels, etc. When I built the site on my local machine, the javascript function was super quick. However, on the live site, it has a long delay before the data swap happens.

The URL is: http://preferredparkingsolutions.com/client_list.html

Which links to a javascript function at: http://preferredparkingsolutions.com/scripts/clientHover.js

Which replaces the display div (#client_list) by pulling data from a text file.

Is there a better / faster way of doing this?

Answer 1

Yes, this could be optimised by loading the content in up-front and caching it. Currently you are doing a HTTP request each for each and every hover - even if the user has hovered over that element before, since the AJAX responses aren't being cached. Doing this would be your quickest win.

However, I can't see any case at all for having the content live externally. Is there any reason you're against having the content physically in the page and just using show/hide methods? There's various benefits to this - SEO, for one thing, since Google will find the content.