I`m trying to build a cool gallery for my photography website:
I thought i`m already done. On my computer i looks pretty cool, so i uploaded it to my Webspace on Webgo.
The problem is the loading time of the images, when loading the website the first time.
I build the masonry look with pure css. And the images are hard coded. Later i will fix this and load them via php.
Is there any possibility to get a faster image load? I already rendered the images down to max-width: 800px via photoshop.
2
Answers
You simply need to optimize your images for the web. You are loading a 1200px image for a 200-300px width thumbnail. This is why they are taking so long to load. To optimize you can get the images to their natural size using an editing tool like photoshop and saving them out at a jpeg quality that suits your needs. The lower the file size, the faster the images will load. Not sure what tool you used to build out the page, but you could also implement a technique/plugin know as “Lazy Load”. This will allow to load the images as they come into view, loosening up some bandwidth for the images that load initially. Hope this helps.
so right now you website is portfolio.marcelmerz.de
so set up some sub domains for pictures e.g.
img1.marcelmerz.de, img2.marcelmerz.de, img3.marcelmerz.de, and img4.marcelmerz.de
point all 4 sub domains to where your images are, then alternate the image urls to use the different sub-domains.