help make page load faster

by 7 replies
9
Hey Warriors,

Not a big deal, but is there something wrong with my html coding that makes the images take a few extra seconds to load on my squeeze pages?

It loads kind of slow first visits, but are fine afterwards.

Check out the link in my signature for an example. I use the same basic structure/coding my squeeze pages and they all kind of act this way. I wonder if it just has something to do with where the images are placed in the code or preload.

Thanks,

Ryan
#website design #faster #load #make #page
  • Hi Ryan,

    There are a few things that can affect your load time, but if it's specifically the image and it loads fast on the second/third visit, then it is most likely the depth of color or dpi.

    For the web, 72 dpi is fine. For print you want to use 300, but that really slows down the load time online.

    You can download a free viewer at IrfanView - Official Homepage - one of the most popular viewers worldwide that works great for resizing, cropping, changing color to black and white and yes, decreasing the color.

    Take care.
    • [ 1 ] Thanks
  • Thanks Mike!

    That could very well be it. I design the images in Photoshop and then generally just "save for web" as jpg with high quality settings. Would saving at a lower quality setting in Photoshop do the trick without making much a difference in the image?

    Thanks,

    Ryan
  • Ryan,

    You have a lot of images on that page and if you look at their sizes and do the math, you'll see why they don't load instantly.

    I often lower the quality percentage and the resulting images are generally adequate. My advice is try it out and see what the resulting images look like.

    Hope this helps,

    Jonathan
    • [1] reply
    • As has been mentioned, it's all down to the file size and the number of images you have.

      It all adds up.

      Always make sure that every image has its width and height properties set. By doing this, the browser can lay the page out correctly even when the image has still to be downloaded.

      I notice, for example, that your header does not have its width and height properties set. Although this won't impact your specific problem, it's still bad practise for the reason I mentioned.

      And as well as the advice already mentioned by others, also try different file types. For example, jpg files are best for photos where there is a lot of detail but are not ideal for undetailed images that have few colors where gif would be better.

      For jpg files I never use a higher resolution than 72dpi (because that's what a monitor is) and I use a quality setting of 85% or more. Any less and the reduction in quality is too evident but the 15% saving can really speed things up.

      Cheers,

      Neil
  • Thanks guys - I'll have to make some changes when I get back to my PC, but I'm sure that will all help.

    I believe I saved a jpg because the text in the image didn't look that great as a gif image. I could be wrong - it's been a while. But would that make sense?

    I guess I can just test and see.

    Thanks again.

    Ryan
  • Don't know if this helps, I just checked the site & it loads instantly for me. I run a 3mbs DSL connection which isn't all that fast.
  • Thanks Preacher. I checked my images, and they were all 72dpi already. I included the dimensions in the header/footer, and it seems to load a little faster.

    It was never really slow loading, there's just a brief hesitation. Some of my pages load instantly, and this one in particular takes a brief second to load the images. Maybe just the file sizes and number of images.

    Thanks for all the help.
Join the discussion

Next Topics on Trending Feed