Hello Awesome People,
I am building a flexible theme for one of our sites and since are a pretty high traffic site I'm doing my best to minimize requests, download times and client side loading as well. I've created options which enables switching off the sidebar of each page, and manually adjusting the width of the page to 3 settings.
This means that if I would like an image to fill the available space there are 6 possibilities. The three widths with the sidebar and the three widths without the sidebar. In addition we use a column system of up to 5 columns.
The best way to manage images (performance wise) is to create image sizes for each possibility. This will reduce load times as there is no processing done on the client side either.
However, I am worried as this would mean we need to create 60 image sizes using add_image_size, and probably a couple more for instances where we need a specific image size. Even if I pruned the possibilities a bit it would still be 30+ image sizes.
Does anyone know of any reason this would be a bad move? I am aware that this would make an image upload longer, however it is not an extremely image-heavy site so there would be no more than 1-2 images per post on average. If you have any better ideas on how to serve exactly the right image I would be happy to hear suggestions :)
Thank you for your help!