How to Speed Up Website With Lot Of Images?

16 replies
How do I speed up my website which has a lot of images. When I mean a lot, I mean a lot (5GB) of pure images. I am using lazy load plugin, but I was wondering if there are other ways to speed up my website. I am in a shared host so things can get a little slow sometimes. I would get a CDN but they are really expensive and the returns I get from this particular website doesnt justify the cost. Any other idea guys?
#images #lot #speed #website
  • Profile picture of the author Myles Sinclair
    The first thing to check is if the images are optimised for the web. Pics straight from the camera are huge in file size and will slow a site to a crawl if you have a lot of them.

    There are plenty of graphic programs out there that will compress your pics down to a small file size.

    You can also use thumbnails on the page, that the user can click to get a bigger pic. This will be really helpful for pages that have loads of images.
    {{ DiscussionBoard.errors[8181810].message }}
  • {{ DiscussionBoard.errors[8181864].message }}
    • Profile picture of the author hsbinmarket
      Originally Posted by CyberSEO View Post

      1) Optimize the images.
      2) Use Nginx as a front end. It's much faster than Apache.
      is Nginx is web server? Is there any free version available?
      Signature

      Do not put the links to a malware-infected site back in your signature

      {{ DiscussionBoard.errors[8182702].message }}
  • Profile picture of the author nmvt
    Optimize the Images and the thumbnail idea from above will definitely work!!
    {{ DiscussionBoard.errors[8181899].message }}
  • Profile picture of the author Nicole Nahi
    Originally Posted by alrikvincent View Post

    How do I speed up my website which has a lot of images. When I mean a lot, I mean a lot (5GB) of pure images?
    I have been advised to use a plugin called Smushit.com (make images smaller without loosing quality) and to optimize the server

    Hope that helps!
    Signature
    Want to create your own website the easy way? Start here:
    http://createwebsites2day.com/
    {{ DiscussionBoard.errors[8182407].message }}
    • Profile picture of the author koolphoto
      Images for the web do not need to be large. The biggest I usus\ally use is 4x6in which equates to roughly 280px x 430px. Make sure they are set at 72dpi. Out of the camera they are usually set to 200 to 300 dpi.

      When saving .jpg you are asked what quality you would like to save them as. I usually use normal or slightly below. This will save on file size a little more. You can even try small or low quality. Just check what the image looks like on the screen. What you see is what you get. So if the images looks good to you it should be good for your viewers. If something looks wrong to you then it will also look wrong to your viewers.

      I also save them as .jpg or .png format. Vector images I use .gif or .png. If you need a transparent background then save as .png or .gif.

      I make my images 1:1 on my webpage. This means that I decide what size photo I want in my layout on the page and I make it that size. This way you will have a picture or image that is neither too large or too small. Too large and it takes longer to load the image on the page. To small and the image becomes soft and can be pixelated.

      Following these suggestions should optimize load times.
      Signature

      My name is Ken Katz and I am a Web Designer and Photographer. My motto: "If you really want to do something, you'll find a way. If you don't, you'll find an excuse." -Jim Rohn

      Celebrity Portrait Photgapher - My Photography Portfolio.

      {{ DiscussionBoard.errors[8182441].message }}
    • Profile picture of the author hsbinmarket
      Originally Posted by Nicole Nahi View Post

      I have been advised to use a plugin called Smushit.com (make images smaller without loosing quality) and to optimize the server

      Hope that helps!
      May I get ur url to see the quality of the picture, pls?
      Signature

      Do not put the links to a malware-infected site back in your signature

      {{ DiscussionBoard.errors[8182715].message }}
  • Profile picture of the author jeffreyhuan
    Here is a great way to get free CDN for your images.

    Install Jetpack plugin on your blog and activate Photon feature.

    All your images will now loaded from the WordPress.com CDN.
    {{ DiscussionBoard.errors[8182694].message }}
  • Profile picture of the author hsbinmarket
    U can google and research to solve the problem. I am sorry to say, I have no special idea.
    this may help u
    http://www.webdesignerdepot.com/2013...te-load-times/
    Signature

    Do not put the links to a malware-infected site back in your signature

    {{ DiscussionBoard.errors[8182720].message }}
  • Profile picture of the author IMMer1975
    Take a look at cloudflare.
    Signature

    Pssst...want to learn how to build marketing funnels in Mautic marketing automation to propel online conversions?

    Or are you interested in learning Wordpress? Check out my free video courses here. Taken by over 25,000 students on Udemy.

    {{ DiscussionBoard.errors[8182724].message }}
    • Profile picture of the author The Voices
      Originally Posted by cdutoit View Post

      Take a look at cloudflare.
      This is definitely a good option. Cloudflare is free and has worked well in my experience.

      You can also check out Amazon CloudFront. It's not free, but it's ~$0.12/GB so it's not hugely expensive (either unless you're getting a lot of traffic )
      {{ DiscussionBoard.errors[8182878].message }}
  • Profile picture of the author Daones
    ensure you are using expires in your .htaccess this may not help much for first time visitors but returning visitors it will load much quicker... this also can help your pagespeed insights score on Google.

    Oh and Jeffrey mentioned CDN above, I would also recommend a content delivery network.

    The code below would be if you have Apache installed on your webhosting server.

    Code:
    #Expire Header
    <FilesMatch ".(ico|jpg|jpeg|png|gif|js|css|swf)$">
    ExpiresDefault "access plus 2 hours"
    </FilesMatch>
    or
    # Expire images header
    ExpiresActive On
    ExpiresDefault A0
    ExpiresByType image/gif A2592000
    ExpiresByType image/png A2592000
    ExpiresByType image/jpg A2592000
    ExpiresByType image/jpeg A2592000
    ExpiresByType image/ico A2592000
    ExpiresByType text/css A2592000
    ExpiresByType text/javascript A2592000
    {{ DiscussionBoard.errors[8182731].message }}
  • Profile picture of the author alrikvincent
    I am considering amazon aws. I cannot really resize the images and make it smaller because high quality images is my website's life blood. I use the free version of cloudflare, I dont know if there is an improvement in load time. I used photon of the jetpack plugin. It is a great plugin if it worked. Some of my images appear disproportionate and compressed. So I disabled it.
    {{ DiscussionBoard.errors[8184174].message }}
  • Profile picture of the author MonitorScout
    There's a very good article on it, find the below links;
    How to speed up your website load times | Webdesigner Depot
    Signature
    Monitor Scout - Website & Server Monitoring
    50 different checks, SNMP monitoring and much more.
    https://www.monitorscout.com
    {{ DiscussionBoard.errors[8184685].message }}
  • Profile picture of the author Steven Roberts
    I had the same problem when I used GoDaddy for hosting - things improved when I setup Cloudflare but then GoDaddy blocked them (accidentally or deliberately? I'll never know because GoDaddy tech support didn't know what Cloudflare was). I changed hosting and things improved dramatically. I tried most of the ideas suggested above - appropriate image sizing and smushing made the most difference.
    Signature
    FREE TOOLS AND DOWNLOADS for Low Content and KDP Publishers https://istack.link
    {{ DiscussionBoard.errors[8185029].message }}

Trending Topics