Warehousing imaged

Classic
1

Hi,
I create dynamic web pages with rather many images on each page.
I use the Foundation Image stack and I am trying to use warehoused images.
I have uploaded all the images to a folder in the same page.
I can reach the images via setting an URL, and they appear on the page.
But it seems that the load time for the entire page is the same, or even slower, than before I used warehoused images.
What am I doing wrong or missing here :grin:?
Best regards
Peter

2

Are you loading the images in full resolution to your page?
Are you using Foundation 1 or 6?
Do you offer to open the images in a lightbox? Then you should only load smaller thumbnails in your pages and link the full-res images for the lightbox.
Do you have a URL for us to look at?
Maybe the Raincheck stack could help you with the loading times:

3

Are you loading the images in full resolution to your page?
Yes

Are you using Foundation 1 or 6?
I donā€™t know - where do I see that?

Do you offer to open the images in a lightbox?
NO - how do I do that?

Do you have a URL for us to look at?
https://peterkroman.dk/my_hiking/2025/himmelbjerget_12012025/

I will tak a look at the Raincheck add-on

1 Like
4

Hi Peter,

I did have a look at your site and can tell you that you are using Foundation 1 (which is quite old).

The way you are working with images is doomed to failure. You definitely shouldnā€™t upload the full resolution images to your pages! Each of your images has between 10 and 15 Megabytes(!!). That just cannot work, because itā€™s way too much data for the browser to display.

No image on your page is wider than 970 pixel, but you are uploading them with around 3800 pixel width. Using Photoshop I did reduce the size of one of your images from 18.8 MB to 576 KB (with a width of 970 pixel), that is one twentieth(!) of the size you uploaded.

So I donā€™t think that Raincheck alone will help you a lot here. The one important advice I can give you: Reduce the size of the images you are warehousing drastically (as I described above). Then you wonā€™t have the loading issues with the pages as it is currently. If the loading speed of the pages still leaves something to be desired, you can always try the ā€œRaincheckā€ stack.

Hope this helpsā€¦

2 Likes
5

Warehousing is not the issue here, and quite frankly a CDN for personal sites is completely unnecessary.

Iā€™d recommend resizing and compressing ALL of your images, once youā€™ve done this you can store them on the same server as your main site and everything will be quick.

The smaller the size of your images, the quicker your site will load!

1 Like
6

Thanks Matthias,

I hace reduced teh size of images, and that helps quite a bit.

Thanks for the help :pray:

1 Like
7

Get squash to reduce and compress photos. Easy to use.

8

Thanks Per,
I will certainly look into that.
Perhaps you can give some advice about reducing size vs keeping quality in photos on the web page.
I am a nature photographer and I need to keep a high degree of detail on my photos on the web pages.
I am using adobe Lighthouse Classic to edit my RAW photos and export them afterwards. At the moment I am exporting them to jpg, but I am not sure that this is the best solution. It seems that the detail degree is reduced drastically when the photos afterwards are further compressed.
Do you have any good suggestions to what I could do, and could Squash help me here?

Best regards
Peter

9

I assume you mean Adobe Lightroom? To make it simple, develop and export the photos to (Photoshop) .psd, 8 bits, Adobe RGB, full size. Then you can use them for the web, prints, selling ā€¦ Drop a .psd photo in Squash and Resize plus try different Format: JPEG compressions such 30%, 50%, 70%. There are many other apps that can do this but Squash is easy to use.

squash
squash700Ɨ1424 113 KB