Product Image size and performance

  • Posts: 152
  • Thank you received: 0
13 years 1 month ago #27013

I've just completed all the product images (almost 500) for the development website. But as I've been adding more images I have been noticing that the pages load more slowly, even loading the home page of the website, long before accessing the hikashop component. js-ca.net/potluckcms

Does the product image filesize have much of an imapact on overall site performance. I would not have expected it to affect the website as a whole, just the hikashop pages?

I have been using the png format for my images to get a transparent background. But some images are more than 1 mb in size and I'm wondering if it would be better to use jpg image using the same background as the website.

Thanks for any advice and suggestions.

Jim

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
13 years 1 month ago #27016

The filesize of the images you uploaded don't have any impact on the page load.
When you upload your images, HikaShop resizes them automatically into thumbnails which have a small size (provided that the thumbnail size you setup is small, which is the case in your case). So whether you upload images of 50k, or 5Mb, in the end, they are all resized to thumbnails of 25k, and that's the thumbnails which are used everywhere. The full image is only displayed on the product page when you click on the image.

The fact that your website takes time to load sounds more like a problem with the number of resources you have on your pages and the time it takes to your server to send them to your browser. Tweaking the server settings to improve the speed and using tools to combine js and css together might help improving that, but you can't do much in HikaShop to help.

Please Log in or Create an account to join the conversation.

  • Posts: 152
  • Thank you received: 0
13 years 1 month ago #27017

Many thanks, Nicolas.

I thought that might be the case.

I now have to find ways to reduce the time it takes to open the home page. There are only 4 small images on the home page, so I'm not sure where I can save time. It can take as long as 12-15 secs for the home page to load and that's too long for most viewers?

Jim

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
13 years 1 month ago #27018

12-15sec ?
That's not what I had when opening your website. On a first load, it was about 5sec. After the page resources were cached by the browser, it was about 2sec.
Your server is in California and we're in France so you should get even better speeds.

Please Log in or Create an account to join the conversation.

  • Posts: 152
  • Thank you received: 0
13 years 1 month ago #27019

Thanks for that data. My times for the initial load can take up to 12-15 sec. It's usually 7-10 sec, but occasionally it's as low as 4-5 secs.

But I just found tools.pingdom.com/ which gives me the the load times of all the elements loading on the home page and was amazed to find that there were 112 elements to be loaded taking 8.2 sec to load. That will help me to fine tune the page for better loading. Just posting this here in case it's of help to others/

Jim

Last edit: 13 years 1 month ago by Jims.

Please Log in or Create an account to join the conversation.

Time to create page: 0.043 seconds
Powered by Kunena Forum