How to Speed Up Website With Lot Of Images?

by alrikvincent

Posted: 11 years ago 16 replies

INTERNET MARKETING

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

Myles Sinclair 11 years ago

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.
- [ 1 ] Thanks
{{ DiscussionBoard.errors[8181810].message }}
CyberSEO 11 years ago

1) Optimize the images.
2) Use Nginx as a front end. It's much faster than Apache.
- [ 1 ] Thanks
- 1 reply
Signature
CyberSEO Pro - the ultimate all-in-one autoblogging WordPress plugin, powered by OpenAI GPT-4, Anthropic Claude, Google Gemini Pro, Midjourney, DALL-E 3 and Stable Diffusion XL
{{ DiscussionBoard.errors[8181864].message }}
- hsbinmarket 11 years ago
  
  Originally Posted by CyberSEO
  
  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?
  
  Thanks
  
  Signature
  
  Do not put the links to a malware-infected site back in your signature
  
  {{ DiscussionBoard.errors[8182702].message }}
nmvt 11 years ago

Optimize the Images and the thumbnail idea from above will definitely work!!
- Thanks
Signature
==>100 to 4000 Clicks Available-US Subscribers-Very Responsive-IM/MMO Niche-Testimonials&Affordable Pricing<==
{{ DiscussionBoard.errors[8181899].message }}
Nicole Nahi 11 years ago

Originally Posted by alrikvincent

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!
- Thanks
- 2 replies
{{ DiscussionBoard.errors[8182407].message }}
- koolphoto 11 years ago
  
  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.
  
  Thanks
  
  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 }}
- hsbinmarket 11 years ago
  
  Originally Posted by Nicole Nahi
  
  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?
  
  Thanks
  
  Signature
  
  Do not put the links to a malware-infected site back in your signature
  
  {{ DiscussionBoard.errors[8182715].message }}
jeffreyhuan 11 years ago

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.
- Thanks
{{ DiscussionBoard.errors[8182694].message }}
hsbinmarket 11 years ago

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/
- Thanks
Signature

Do not put the links to a malware-infected site back in your signature
{{ DiscussionBoard.errors[8182720].message }}
IMMer1975 11 years ago

Take a look at cloudflare.
- Thanks
- 1 reply
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 }}
- The Voices 11 years ago
  
  Originally Posted by cdutoit
  
  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 )
  
  Thanks
  
  {{ DiscussionBoard.errors[8182878].message }}
Daones 11 years ago
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
- Thanks
Signature

Diverse Link Building Package Get Improved Rankings That Stick - 20% Cheaper Prices to WF Members
Purchase High PR Contextual Links - Boost Your Rankings Today!
Manual Web2.0 Creation + Unique Content And Drip Feed Links
{{ DiscussionBoard.errors[8182731].message }}
alrikvincent 11 years ago

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.
- Thanks
{{ DiscussionBoard.errors[8184174].message }}
MonitorScout 11 years ago

There's a very good article on it, find the below links;
How to speed up your website load times | Webdesigner Depot
- Thanks
Signature
Monitor Scout - Website & Server Monitoring
50 different checks, SNMP monitoring and much more.
https://www.monitorscout.com
{{ DiscussionBoard.errors[8184685].message }}
Steven Roberts 11 years ago

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.
- Thanks
Signature
FREE TOOLS AND DOWNLOADS for Low Content and KDP Publishers https://istack.link
{{ DiscussionBoard.errors[8185029].message }}
firentire 11 years ago

For better performance, CloudFlare or LiteSpeed are definitely good options.
- Thanks
{{ DiscussionBoard.errors[8185264].message }}