Why do the images on my web site load so slowly?


Read With Formatting | Free Open Source Tutorials Account

Graphics
Thread: Why do the images on my web site load so slowly?


Mahaon
Hey!


Here's my web site, www.global-uniforms.com, if you browse the product categories on the left, you will see that the images load very slowly, yet the files are not that big, about 60Kb each...

Any suggestions as to how I can make them load faster or in such a way that looks a bit more professional?

Thanks

Torner
tried your website as well, they load very quick. Maybe you got some connection problems.
_________________
hemorroids rid (http://www.hemorrhoids-help.com) Panasonic (http://www.bigpricelist.co.uk/Panasonic.html)

Lamer980
Don't mean to have a go but have you actually looked at the code behind this site. It is obviously written using some Microsoft offering, in-fact it looks a lot like some rubbish outputted by word. (Please don't say you have used word to create a website?)

I think this may be part of your image display (Slowness) problem, the browser has to process so much unneeded HTML code that it is slowing down the whole page loading. On an underpowered machine this could seem like a long time. The actual images are not particularly big and don't need compressing AFAICS (I've not checked them all) but you could easily create pages that were 20 or 30 times smaller in terms of code (And I'm not kidding).

limeu
Hi,

New to forum, however I would like to comment on your slow image loading.
From SEO point of view, there are way too many codes on your front page (landing page).

You're using "iframe src="/index_files/default.htm" iframe's in your page as well, so it takes few moment till they load from another page. One thing for sure, your codes do require immediate cleaning:

- Loose iframes
- Organize your CSS Styles
- Try HTML/CSS instead of pure vml/xml

For example:


/* Font Definitions */
@font-face
{font-family:Impact;
panose-1:2 11 8 6 3 9 2 5 2 4;}
@font-face
{font-family:Georgia;
panose-1:2 4 5 2 5 4 5 2 3 3;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:9.0pt;
line-height:120%;
text-align:left;
font-family:Georgia;
font-size:9.1865pt;
color:silver;}
ol
{margin-top:0in;
margin-bottom:0in;
margin-left:-2197in;}
ul
{margin-top:0in;
margin-bottom:0in;
margin-left:-2197in;}
@page
{size:8.0302in 11.0in;}

this is from your page, put this in /css folder with simple css call such as
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />

With this little tweaks, everything will load much faster and you'll have much better SEO Results as well.

Thanks,
Lime U