How can I reduce loading time for a website with many images?

Question

I built my photography website with angularjs, but loading time is relatively slow.

What can I do to improve loading time other than reducing the image file size? Or, at least speed up the perception of loading time?

Link to my website is www.jbkphotographs.com

Answer 1

I did a fresh load of your web page with Chrome's Network tab open, and copied the image here:

It shows that loading your Javascript files is taking up most of the time. angular.js, jquery-2.1.3.js and ui-bootstrap-tpls-0.13.0.js all took over one second to load.

If you could compress them, that should save some time. Another trick is to use the public CDNs instead of your own server, that's why they're there (like the Google Fonts):

https://developers.google.com/speed/libraries/

http://www.bootstrapcdn.com/

http://cdnjs.com/libraries/angular-ui-bootstrap

http://cdnjs.com/libraries/masonry