14 replies
  • WEB DESIGN
  • |
The pictures on my site are loading very slow. I tried clearing my cache file and tried cache plugins but it did not help.

I buy most of the images at istock, in this size: Small 849 -- 565 px 416.66 KB. When I upload the image my theme automatically resizes them for me.

Also the site loads much faster on my MAC then on my wife's PC.

Any ideas?

Thanks
#loading #site #slow
  • Profile picture of the author pjCheviot
    Banned
    Do you mean the blog site in your sig?

    If so, then it loaded pretty quickly for me - the only "pause" (matter of 2-3 seconds) was to load the vimeo video?

    There is quite a bit to load on there - images, featured articles, video etc - plus initial loading of whatever plugins you have may be affecting things?

    To me though - perfectly acceptable load time. Currently using clients "normal" dsl broadband connection.
    {{ DiscussionBoard.errors[1555353].message }}
  • Profile picture of the author mywebwork
    Originally Posted by Fitness Contrarian View Post

    I buy most of the images at istock, in this size: Small 849 -- 565 px 416.66 KB. When I upload the image my theme automatically resizes them for me.
    Resize them to the correct size before you upload them - 400kb is huge. I try and keep them 1/10th of that size. Don't rely on your theme to resize them.

    That should help them load faster.

    Bill
    {{ DiscussionBoard.errors[1555427].message }}
  • Profile picture of the author tuanng
    Looks like your theme is using thumb.php to resize your image, from looking at it, it appears that EVERY TIME someone visits your site, thumb.php is called to do the on-the-fly resizing the image - this causes a ton of strain on your server, I suspect if your site gets real busy, it would crash.

    as Bill above mentioned, resize it yourself and optimize it, your theme seem to just do the physical resizing, but is not optimizing it. 400KB is way too large, a photo that big should only be around 80KB
    Signature

    Need 3D ebook covers right NOW? Make your own at myecovermaker.com

    {{ DiscussionBoard.errors[1555453].message }}
  • Thanks; yes this theme uses a thumb.php to resize.

    I Can buy the image from istock in the XSmall size: 425 -- 282 px 144.47 KB but when I did that I could not make them big enough to fit the theme. The featured image dimensions I use are 576 x 240.

    I'm not sure how to resize and optimize the image.

    Best - Mike
    {{ DiscussionBoard.errors[1555735].message }}
    • Profile picture of the author LynnM
      Originally Posted by Fitness Contrarian View Post


      I'm not sure how to resize and optimize the image.

      Best - Mike
      Try FastStone Image viewer to tweak your images; it's free and you can crop, resize and sharpen images easily.

      Another thing you can do to help speed up the site in general is add the plugin WP Super Cache.


      Lynn
      {{ DiscussionBoard.errors[1555813].message }}
    • Profile picture of the author WebSolutionKey
      Originally Posted by Fitness Contrarian View Post

      Thanks; yes this theme uses a thumb.php to resize.

      I Can buy the image from istock in the XSmall size: 425 -- 282 px 144.47 KB but when I did that I could not make them big enough to fit the theme. The featured image dimensions I use are 576 x 240.

      I'm not sure how to resize and optimize the image.

      Best - Mike

      Mike,

      You don't even have to do these using photoshop or other softwares. There are lot of online photo editing sites. Try picnik.com.
      The size of your photo should be the only problem in your site. The other issues in your site is perfect
      {{ DiscussionBoard.errors[1566257].message }}
      • Profile picture of the author DarrenHill
        Oh ... and by the way ... you can also edit photos at http://www.photoshop.com

        handy if you wanna add some of the cools effects that adobe photoshop has.

        Great site .. great feel to it.

        D
        Signature

        If you are looking for cheap hosting ** Slim Lizard **

        {{ DiscussionBoard.errors[1566587].message }}
  • Profile picture of the author wassim
    I advice you to optimize your images before upload, as the other warriors said. I have recorded a video tutorial on how to do that using Photoshop. Check it out:

    Regards,
    Wassim
    Signature
    {{ DiscussionBoard.errors[1556204].message }}
  • Profile picture of the author mywebwork
    Lots of methods to resize graphics, many good suggestions here.

    If you already have Microsoft Office you could use the Microsoft Photo Editor to resize and crop images.

    Another choice is Paint.NET, which is a free graphics editor.

    Bill
    {{ DiscussionBoard.errors[1556401].message }}
  • Thanks for all the help.

    I don't have Photoshop and I'm using a MAC. What is the easiest and best image optimization software for Mac?

    Best - Mike
    {{ DiscussionBoard.errors[1557478].message }}
    • Profile picture of the author DarrenHill
      Hi Mike

      Ahh another Mac user :-)

      You can simply use Preview to resize your image.

      Open Image in Preview and go to Tools>Adjust Size...

      and pop up comes up, just change to required size and then save as...

      and you should be good to go.

      Darren
      Signature

      If you are looking for cheap hosting ** Slim Lizard **

      {{ DiscussionBoard.errors[1557613].message }}
  • When you say resize the photo do you mean the photo or just reduce the KB file size?

    I now realize (thanks to everyone's help) that my thumb.php resizes my image and reduces the KB file size from about 400kb to 125kb. Is that enough of a reduction or should I still edit the image and reduce the KB size more with an online editing site like picnik.com?

    Some people say my site is loading OK while others say it is still slow.


    Thanks- Mike
    {{ DiscussionBoard.errors[1578920].message }}
  • Profile picture of the author CarloD.
    Originally Posted by Fitness Contrarian View Post

    Also the site loads much faster on my MAC then on my wife's PC.
    Browser makes a big difference, especially when scripts are involved, like a JS script that handles something...

    I have noticed that IE, multiple versions, will load some scripts slower than firefox, of course this may also depend on how well the code is put together.
    Signature

    {{ DiscussionBoard.errors[1579679].message }}
  • Profile picture of the author phptechie
    Mike,

    There are 3 things that you need to consider while testing the site's load.

    1. Webhosting providers bandwidth
    2. Your internet connection
    3. Your computer memory , CPU capacities.

    So better do a test on various systems in various networks & u can isolate the issue :-)
    {{ DiscussionBoard.errors[1582430].message }}

Trending Topics