Quick Loading Pages Plus Saving Bandwidth

Date: 2011.02.24 | Category: WebDesign | Tags:

Have you noticed how many of the sites out there are trying to make themselves look better than they actually are by using heavy graphics and media files? The fact of the matter is this, most surfers who visit your we pages are viewing them on a screen that is between 15 and 19 inches wide, can only see 216 colors and, are on a connection of 33.6 kb per second (If they are lucky).

What Does All This Mean?

What does this mean to you as a webmaster? Simple, try this test.

Connect to the internet on a 33.6 connection, type in your url and, hold your breath. Does the page load before you need to start gasping for air? If so then you are designing your sites correctly, if not, your pages are far to big in file size.

I’m pretty sure that some of you can hold your breath for a long period of time so, here is a basic rule of web design. Your pages should, be no larger in file size than 50k in fact, I would even go so far as to say try getting your pages under 30k in size.

How Can I Get It Under 50K? 30K?

First, all your graphic images should be as small as possible. Try to get them smaller than 4k. Going up to 6k is reasonable. When designing a graphic for the web site keep in mind the number of colors being used.

I know, from designing banners myself, it was hard for me to go from millions of color to only 216. Yes, 216 is the number of colors you have on a web safe color pallet.

Use solid colors when designing your image. PhotoShop has made the gradient such a popular tool. It looks good to fade things in and out. I always see a background border made up of this gradient. I always right click on that image to see the size. The 8k-12k is not worth the space. The problem with the gradient is it uses many colors and dithering. Both take up big time K. The more color you have in an image the bigger it’s going to be.

Use design more, graphics less. For a web page to be successful it needs to download quickly and look good.

Here is the dilemma download quick or look good? Instead of designing graphics and taking pictures and turning them into jpgs to make your web page look good, try using color schemes. Use cell colors to make borders. Use the negative space on your web site. What is not there is just as important as what is there.

Remember sometimes less is more. When in doubt think of a typical visitor coming to your web page. Would that extra graphic sell them or keep them coming back again and again. If the answer is yes, by all means keep it. If the answer is “well maybe” or “it just looks good there”, yank it.

Your surfers will appreciate not waiting more then they have to. The web is here to make our life easier not to sit in front of a screen waiting for heavy web pages to download.

Article written by Lee