Need a better way to have 300+ images on a page

On 10/14/2023 at 4:55 PM, gettinjenny said:

I am building a page for an "Alumni" group that has over 300 photos on it. I realized that a page with 300 images is slow and takes a long time to load. Looking for ideas to make this function better.

A workaround is to add them to a collection page instead of a standard "layout" page. It will take a little longer to input the details, but having added them, you'll have more control over loading and filtering the content.

If you're on Squarespace 7.1 (the latest version) then you'll probably want to create a hidden blog page and add each person to the blog as a new "post", adding their photo as the thumbnail. 

(The following paragraph  is an affiliate link for a product I use and love. If you make a purchase I may receive a small commission. All opinions remain my own.)

With some custom code you can make it better by pulling the contents of the blog (the thumbnails and titles) onto a visible page using a Summary Block (in Grid mode) and then lazy loading it a few rows at a time (with a button or automatically). I recommend the paid plugin Lazy Summaries* for this. If you tag/categorise each post then you can also filter the results (using the built in method (with a link like /pageslug?category=categoryname) or with an advanced plugin like Universal Filter*.

*These are affiliate links for products that I use and love. If you make a purchase I may receive a small commission. All opinions remain my own.

Did this help? Please give feedback by clicking an icon below  ⬇️