CODEWITHSUNDEEP
ajaxjquery
SC_Chupacabra
SC_Chupacabra

Reputation: 14317

jQuery AJAX Load Method - Delay

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?

Upvotes: 1

Views: 268

Answers (2)

Kishore
Kishore

Reputation: 1912

this is the external page you are loading http://preferredparkingsolutions.com/client_list.inc.html and the content looks little and looks like its a static page then why not just load every thing upfront and then just hide and show div's ? as Utkanos suggested you will aslo have a SEO benifit and also its HTTP request each for each and every hover. if you still want to load it externally lost load it once and cache it and use the cached version to hide and show divs.

Upvotes: 2

Mitya
Mitya

Reputation: 34556

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.

Upvotes: 3

Related Questions