/    Sign up×
Community /Pin to ProfileBookmark

How do i add a loading screen?

hi guys i just wanna know how to add a loading screen cuz my page is loading a bit slow

to post a comment
HTML

4 Comments(s)

Copy linkTweet thisAlerts:
@kaurotuJul 05.2006 — well you would have to get into Macromedia Flash and animation. it's not just like a code thing.

one tip though(if images are the problem): trying making the images smaller in your image editing program then resize the images using the html code. or save them as either ".png" or ".gif" both have a lot smaller file sizes.

that's my best guess
Copy linkTweet thisAlerts:
@felgallJul 05.2006 — Anything that adds a loading message while your page is loading will just make your page load slower making things worse. Make sure that all images are properly optimized for display on the web. If your page is still too big then consider splitting it into several pages.
Copy linkTweet thisAlerts:
@xaikus506authorJul 05.2006 — ok thanks for the info
Copy linkTweet thisAlerts:
@pacerierAug 04.2006 — you can try caching images into the user's computer by using image preloading. this can be done by loading the images on a dummy page and when the images have finished loading, it will bring them to your actual page. Load the images using
[code=html]<img src="pic/abc.gif" [b]style="display:none;"[/b]>[/code]
on your dummy page so that the images are cached but not displayed. to speed things up, you can actually add the size and width of the picture though there is very minimal difference in the loading time.

to make sure that your dummy page redirects to your actual page, insert:
[code=html]<body onload="window.location='http://yourpage.com/123.html';">[/code]

instead of leaving your dummy page blank, you can add some words to inform your users that it may take some time to load the images
×

Success!

Help @xaikus506 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.7,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...