How to preload and cache URLs/links using JavaScript?

Question

I have a signup page that has links to 3 different pages. I want to preload all 3 of those destination pages while the user is still on the signup page. This way, the user does click it, it will load immediately.

Is it possible to do this using AJAX or an iframe and have the contents of the URL cached to by the browser?

Jinto · Accepted Answer · 2014-03-14 16:54:14Z

1

Now chrome supports dns prefetching. But it is pretty new and not all browsers supporting it.

You can load all the resources(scripts, styles, images) in the upcoming pages in your signup page dynamically. In this way browsers will cache the resources. And, if you are using partial templates, you can preload that also.

answered Mar 14, 2014 at 16:54

Jinto

8651 gold badge13 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jonas Grumann · Accepted Answer · 2014-03-14 16:25:24Z

0

This can be achieved with ajax.

On page load start loading the three pages, as soon as you receive each html file place them in three different hidden divs, when the user clicks a link hide the correct div. Remember to check what happens if the user clicks a link before you get your html back

answered Mar 14, 2014 at 16:25

Jonas Grumann

10.8k2 gold badges26 silver badges44 bronze badges

1 Comment

Andy Hin Over a year ago

I want to cache it in the browser cache - that way the user actually clicks through to the actual URL. It is possible those 3 destination pages are on a different domain.

Collectives™ on Stack Overflow

How to preload and cache URLs/links using JavaScript?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related