Search code examples
javascriptjqueryajaxuser-experience

Smooth content loading, how to do it?

I'm unsure how to refer to this (so I can't search for it by myself), but how does one achieve a smooth page loading (similar to a content prefetching) like when you click on a code page link in github or when you click on another element of the Google plus sidebar?

I mean: I think it's something with javascript and ajax but I can't figure it out, the page loads smoothly without the "refreshing" feeling, and it's surely not flash.

I'm sorry if I'm being unclear, I'll try to explain it better if this doesn't work

Solution

  • Simple actually.
    Make an AJAX request and show a loader.
    Put the response in a hidden element and fade it in using JQuery.

    $("#id").fadeIn();

    It will definitely feel smooth!!