Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

very simple page pre-loader - suggestions?

Featured Replies

Hey,

 

I've no doubt that this is a well-worn theme, but I've been going around in circles with this for an hour or so and don't seem to be getting anywhere with it, so I'm hoping someone here can help?

 

What I need is some javascript that will preload my webpage, and once everything is 'preloaded' then automatically forward the user (i.e. the preloader is in 'index.html', once everything is loaded you go to 'index2.html'.

 

What I don't want are loading bars, flash content, 'pre-loading bar provided by...' tags etc. Basically, I want to keep it simple.

 

Can anyone point me in the right direction? Any help would be much appreciated.

 

Adam.

  • 2 weeks later...

Pre-loading assumes caching. which is a client side thing.

 

I do not fully understand your desire.

 

If you wish to preload "index2.html", while the user is looking on index.html. You can do this by adding this to index.html (subject to client support)

 

<head>

<link rel="prefetch" href="index2.html">

</head>

 

If you wish index.html to be a holding page, and to automatically forward the user to index2.html once items you wish to preload are cached. you could do.

 

<style>

body { display: hidden }

</style>

<body onload="window.location.href='index2.html'">

<!-- cache images -->

<img src="url"/>

<img src="url"/>

<img src="url"/>

...

</body>

 

I do not recommend this tho.

 

MikeyB

 

Hey,

 

I've no doubt that this is a well-worn theme, but I've been going around in circles with this for an hour or so and don't seem to be getting anywhere with it, so I'm hoping someone here can help?

 

What I need is some javascript that will preload my webpage, and once everything is 'preloaded' then automatically forward the user (i.e. the preloader is in 'index.html', once everything is loaded you go to 'index2.html'.

 

What I don't want are loading bars, flash content, 'pre-loading bar provided by...' tags etc. Basically, I want to keep it simple.

 

Can anyone point me in the right direction? Any help would be much appreciated.

 

Adam.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.