Go Back   PCMech Forums > Help & Discussion > Web Design / Development

Need Some Help? Type Your Keywords Here:

Reply
 
LinkBack Thread Tools Search this Thread Rate Thread Display Modes
Old 03-10-2005, 11:02 AM   #1
Member (5 bit)
 
Join Date: Jan 2005
Posts: 22
Website loading time

hello all, I am kind of new to webpage building. It's more a less a hobby. I was wondering if someone could take a look at my sites and tell me of any tricks or things I can do to make the pages load faster without compromising my background music and image/graphics quality. My website hosting is through eHostPros.com and I build my pages through WebpageMaker. Any advice and suggestions would be greatly appreciated!

Thanks,
Lefty
Webmaster - ColleenMcGarry.com

http://www.columbia.colleenmcgarry.com
http://www.911.colleenmcgarry.com
http://www.enduringfreedom.colleenmcgarry.com
http://www.iraqifreedom.colleenmcgarry.com
Lefty is offline   Reply With Quote
Old 03-10-2005, 01:27 PM   #2
Staff
Premium Member
 
mairving's Avatar
 
Join Date: Jul 1999
Location: Arlington, TN
Posts: 5,538
The last two sites in particular are very slow loading, in the 50-60 seconds timeframe on 56K modems. I would shoot for around 20 or less.

As far as general advice, it just takes time to learn how to design sites. The sites all kind of look the same. No offense intended but they look quite amateurish and have some frightful annonyances. Blinking, moving things that have no purpose, large randomly placed graphics, music playing, backgrounds that obscure the text, etc. don't make for very friendly sites. Some of those things like music and the blinky scrolley things will cause some people to leave as soon as they come and never come back. I would say try to come up with sites that are easier on the eyes, with an identifable logo and give someone a reason to stay should be the overall goals. Best way to do that is:
1.) Learn HTML. Editors like the one that you are using are not too good. Learn how to hand-code even if you decide to use a WYSIWYG editor.
2.) Look around you. Find sites that you like and figure out how they did it.
3.) Practice, practice, practice makes perfect.
__________________

Want to Make $$$$ with your Computer? No Risk! Simply press shift-4 four times in a row
mairving is offline   Reply With Quote
Old 03-10-2005, 10:22 PM   #3
Member (10 bit)
 
Join Date: Jul 2002
Location: University of California, Santa Barbara
Posts: 800
I agree with mairving, the sites are, frankly, rather painful to look at.

I'll comment on the first one and most of it will apply to the rest.

-Yellow text on black background is too high contrast for me. It would seriously make my eyes hurt to read it for very long.

-The marquee must go, the waving flags should not be waving, the dots should not follow the mouse, and the scrollbar should not change color. All of these are annoying and must go.

-I personally think the links should have some change when the mouse goes over them. And I don't particularly like those graphical boxes they're in, they might work on some websites but they don't fit the mood of a memorial site IMHO.

-Like mairving said, the html your editor made is awful. It has dozens of unncesary font tags, and I personally don't like all the static positioning with divs at pixel amounts that seem almost arbitrary.

Background music is almost never a good thing on websites, and I'd say you could get away with it if it played once, but not any more than that. It's also annoying how every time you click on a link the music starts over.

It's worth mentioning that firefox happily did not allow the scrollbar to change colors, there were no dots following the mouse, and there was no background music.
mattg2k4 is offline   Reply With Quote
Old 03-12-2005, 12:08 PM   #4
Member (5 bit)
 
Join Date: Jan 2005
Posts: 22
Pissed My site loads very slowly

Can anyone tell me why my site: columbia.colleenmcgarry.com loads so slowly? I don't have that many images. I know and see what its loading but wonder why it takes that long to download everything on my page. All advice/information and advice on the best WYSIWYG editor for under 50 bucks. Thanks!
Lefty is offline   Reply With Quote
Old 03-12-2005, 12:59 PM   #5
Member (10 bit)
 
Join Date: Jul 2002
Location: University of California, Santa Barbara
Posts: 800
Don't make two posts for the same question - I'm responding in your original thread.
mattg2k4 is offline   Reply With Quote
Old 03-12-2005, 01:06 PM   #6
Member (10 bit)
 
Join Date: Jul 2002
Location: University of California, Santa Barbara
Posts: 800
In response to your second thread about the same question...

It looks like you've changed your Columbia webpage, but it still suffers from poor quality code that is much bigger than it should be (27kB for HTML alone!). A lot of the is the javascript (which I assume is for the links on top) that you could simply cut out and have a much simpler two-line rollover technique in CSS.

You have 300kB of images and a 600kB music track as well, so your page is close to 1MB, which is way, way to big for what your page actually is IMHO. One quick way to get your image size down is get rid of geo5shd3p27.png which appears to be nothing but a 176kB uniformly blue graphic. This could be done much more effectively with a tiled image of background properties. Getting rid of the music track will go a long way to speeding up load time.

Another problem with the page is that the links on top don't work if the mouse is directly over the text, only if it is in the box and not on top of the text. And I don't see the need for the white dots in those boxes and a fancy rollover graphic.

You have improved the readability of the page with a much better color scheme. However, the links at the bottom seem to be very inexplicably colored, with white orange and blue in no apparent order. You don't want too many different colors at once, it makes things more difficult to read.

As for a good WYSIWYG editor, I've used Dreamweaver, and it works pretty well, the code is only somewhat messy. But no WYSIWYG editor is an excuse for not knowing HTML and cleaning up the code afterward. There is also no reason for all the statically positioned elements on your page which I assume the editor made, it can be done much simpler, and you can keep the absolute positioning, but you shouldn't need to explicitly position every single element.

Last edited by mattg2k4; 03-12-2005 at 01:16 PM.
mattg2k4 is offline   Reply With Quote
Old 03-12-2005, 01:38 PM   #7
Staff
Premium Member
 
mairving's Avatar
 
Join Date: Jul 1999
Location: Arlington, TN
Posts: 5,538
Here is the objects (flash, sound, images, etc.) in your page
Code:
Download Times*
Connection Rate	Download Time
14.4K 	791.31 seconds
28.8K 	395.65 seconds
33.6K 	339.13 seconds
56K 	203.48 seconds
ISDN 128K 	62.32 seconds
T1 1.44Mbps 	5.41 seconds


Page Objects
QTY	SIZE#	TYPE	PAGE	URL
1 	679976 	FLASH 	Main Doc 	http://columbia.colleenmcgarry.com/media/TheDance.wav
1 	30323 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/g...eo5shd3p27.png
1 	27722 	HTML 	Main Doc 	http://columbia.colleenmcgarry.com/
1 	17906 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/image/crew2.JPG
1 	13861 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/g...hd10pg1p27.png
1 	4012 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/g...eo1shd2p27.png
1 	3574 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/g...eo63pg1p27.png
1 	3497 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/g...eo64pg1p27.png
1 	3249 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/g...eo41pg1p27.png
1 	3087 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/image/biz5_r4.jpg
1 	2917 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/g...eo65pg1p27.png
1 	2908 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/image/biz5_r1.jpg
1 	2855 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/image/NASAlogo.JPG
1 	2734 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/image/biz5_r5.jpg
1 	2571 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/image/biz5_b1.jpg
1 	2518 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/image/biz5_r3.jpg
1 	2460 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/image/biz5_b6.jpg
1 	2430 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/image/biz5_r2.jpg
1 	2430 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/image/biz5_b2.jpg
1 	2401 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/image/biz5_r6.jpg
1 	2344 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/image/biz5_b3.jpg
1 	2318 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/image/biz5_b4.jpg
1 	2274 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/image/biz5_b5.jpg
1 	2168 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/g...shd6pg1p27.png
1 	2113 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/i...ithspinner.gif
1 	2101 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/i...PatchBlack.jpg
1 	1134 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/g...shd7pg1p27.png
1 	385 	IMG 	Main Doc 	http://columbia.colleenmcgarry.com/g...eo26pg1p27.png
1 	181122 	IMG 	Iframe #1 	http://columbia.colleenmcgarry.com/g...34shd39p27.png
1 	11588 	HTML 	Iframe #1 	http://columbia.colleenmcgarry.com/indexarticle.html
Use of sound on a page is not particularly wise. In this case, you picked the worst possible file for doing this a .wav file, which is uncompressed. Lose the audio would be best, compress it in a midi or mp3 would be next best. You have a 30K png image that is just a solid blue background. Unfortunately that is what happens when you use some WYSIWYG editors.

Ditto on opening a new thread. Also please know that we aren't trying to pick you or your site apart. All advice given is meant to be constructive.
mairving is offline   Reply With Quote
Old 03-12-2005, 03:38 PM   #8
Barefoot on the Moon!
Staff
Premium Member
 
Force Flow's Avatar
 
Join Date: Aug 2002
Location: Northeastern USA
Posts: 13,385
Moderator's Comment: I have merged the two related threads. [/Moderator's Comment]

-----------------------

As for the webpages in question, sorry to say it, Lefty, but you've got way too much going on. They're way too flashy. You're going to need to cut back. It's alright to have one or two simple animations, but when you have a whole slew of them on one page, loading time skyrockets and visitors are turned off by that and all the visual effects. Yes, it looks cool. That's how I started out way back when, but I learned about what attracts/deters visitors and how to cut down on loading time. It takes a lot of practice to make a really good webpage.

So, once you've gotten over the excitement of being able to create a flashy page, move on and take a more serious look at webpages. Vistors are attracted by content, not flashy animations. Graphics are ment to support the content, not the other way around.
__________________
There are two secrets to staying young, being happy, and achieving success. You have to laugh and find humor every day, and you have to have a dream.
Force Flow is offline   Reply With Quote
Reply

Bookmarks

Still Need Help? Type Your Keywords Here:


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -5. The time now is 07:19 AM.
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2012, vBulletin Solutions, Inc.
SEO by vBSEO 3.6.0 PL2