Loading Time And Looks

fusion

May 15 2005, 11:13 AM

How do you get a site that has good looks and a fast loading time?

Ive been trying for ages and ive never achived It?

HELP?!

Comment/Reply (w/o sign-up)

overture

May 15 2005, 11:42 AM

A site with good looks does not always have to be flooded with graphics. however if you do want a lot of graphics to make the site look good then it all depends on the compression of the graphics. you can only compress them a certain amount without losing quality. a good idea is to always use Jpegs or Png's as the image types.

NEVER USE BITMAPS

The good looks depends on how talented the designer is. If you cannot think of anything decent or you can but you cannot make it then the site isn't going to be worth much unless you have a very rich content. sometimes minimilistic is best. for my site i don't have many graphics except a header and a few section titles. I have used CSS to make the site look a lot better, a good and constant colour theme is always good, for mine i use white and light greys with a nice red and green for the header although the amount of those colours has been minimised.

A good decent looking site with a fast loading time is not always possible, you have to have patience and usually you cannot whip up a good site in a couple of minutes. look around the web for examples there are many many great sites out there with a lot of graphics and many with only a couple but very effective graphics.

If you want the site to be a little faster you should look into JAvascript Image Pre-loaders so all of the site images are cached once and do not have to be downloaded on every page that is visited.

Also you can optimise the coding, get rid of un-necessary lines of code and silly little things like Javascript and DHTML features (clocks, cursor following images and the like).

good luck. patience is a virtue

Comment/Reply (w/o sign-up)

ninjamunky

May 15 2005, 12:49 PM

Zymic has a good tutorial for that here

Comment/Reply (w/o sign-up)

szupie

May 15 2005, 01:20 PM

If you want more colors in your site without slowing it down, you can just use colors for most of your pages. (I can't word it very well...) When you examine this forum, you will see that most of its colors are not images, but simply just... colors. There are some graphics used here and there for a gradient or some buttons, but there's not much. The slow loading time of this site is not because of its graphics, but because of its ad server.

Comment/Reply (w/o sign-up)

overture

May 15 2005, 04:53 PM

I understand what you mean szupie

if you have something which spans the width of the page like a gradient then you can set the background of the table or cell to the colour which it fades out to and then cut the image so the image itself ends where the actual colour begins. also if you have a continuing pattern of maybe 4 different coloured lines instead of making it 1024 pixels long or whatever to fix the width of the screen just take a slice which is the height of the image and a pixel in width and set the background to repeat that image.

don't know if that was any better szupie lol.

Comment/Reply (w/o sign-up)

Similar Topics

Keywords : Loading

Xhtml Js Loading. - (6)
Ajaxload Creates For You Free Custom Animated Ajax "loading" Icons - (0)
I've been scanning through a whole lot of blogs these days and quite often I come across really
interesting tidbits from all around the net.. here's a recent discovery called Ajaxload.info
. If you're implementing ajax scripts in your site and was to show those funky animated loading
indicators instead of a vanilla "Please wait... loading" message, then this is the site for you...
Here's my review from my site: QUOTE(ChaosLab) Nowadays every second site you see employs
some form or AJAX or the other - either wholly or in parts. With the old-sc...

DHTML Fade-in/out Loading Bar - (Firefox Only) (5)

Today I was looking around for a good DHTML loading bar and couldn't find one so I decided to
make it myself! Here is the javascript that goes into the part of the doc: CODE var x = 0;
var y = 115; var a = 0; setTimeout(fadeIn, 1); function fadeIn(){
document.getElementById("003").style.opacity=a; a = a+.1; if(a setTimeout(fadeIn, 100); } else{
setTimeout(progressBar, 1); } } function progressBar(){ x = x+1;
document.getElementById("001").style.width=x; document.getElementById("002").style.width=x; if(x
setTimeout(progressBar, 1); } else{ setTimeout(fadeOut, 1...

Flash Movie Loading. - Not the "loading movie" :) (3)

Hello /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" /> I have
got a little question about loading the flash movie on the website. In fact I made my website and
have inserted some flash movies on the main page. My flash movies are about 80KB. And while the
movie is loading it is white, but my website's background colour is black. So the question
would be: Is it possible to keep the movie BLACK while it's loading to the webpage, without
creating this "loading..." thing ? Eh... I hope you understand what I mean /rolleyes.gif" ...

Help! Redirecting After Loading .mov - (2)

You know I believe there is some serious lag going on. I just got my post erased for the THIRD time.
Gah. Anyway, I seriously tried to search (and destroy) this problem and mine but I just can't
find the specific solution. Well, I thought I had a good lead on some other site, but then turns out
you had to PAY TO SEE THE ANSWER. Those bastards. Hip hip for astahost! This place is turning out
more useful than I thought... /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0"
alt="biggrin.gif" /> So here's what I have and here's what I want to do...

Looking for loading, time

Loading Time And Looks - How do you get a....

Loading Time And Looks - How do you get a....