No this is not a how to post. It is an “I wish I could figure out how to” post! I have been trying over the past couple of months to make this site a bit more efficient. Using tools like Google’s Page Speed, I have look for areas that could be improved and tried to change things for the better. As I posted a few weeks ago, it has been a long, slow, and at times, frustrating process. I have been able to make some good changes, but I have been unsuccessful in other areas.
The biggest disappointment has been using the W3 Total Cache plugin. It is a great plugin in theory and once you have spent the time to get it configured best for your site, it really does improve the performance of a website. But when it misbehaves the consequences are dire. I had it up and running for weeks with no trouble, then one day it just took down the whole site. I had not been on the site for several days before it happened, so it was not something I did. I just received an email that this site had been AWOL for several hours and when I checked indeed it was. All I could get was a blank, white page with the message “unfortunately an error occurred while creating the minify cache”. I had to use FTP to delete several W3 Total Cache files to get the site back up. Needless to say, that plugin is history here. Too bad as it really helped while it was working correctly.
But, that is not the main vent of this post today. What has frustrated me the most in this whole process is the inability to find a way to fix what several sources say is a big problem with images here. Over the years I have just uploaded large images and then re-sized them to fit each specific use. I re-sized the images dynamically, using HTML within the posts and allowed users to see the full sized image if they clicked on the photo. Apparently this is a huge resource drain and all images on a website should have specified dimensions. I think I can still upload a larger image if I want to and link the image in the post to that url. That way people can still see the full size image if they desire but the page loads faster with the smaller image embedded in the post. The problem is that there are hundreds of images here and there is no viable way to go through and change them all individually.
As most of the images with this problem are images that stretch across the width of my main content column, it seems that there should be a way to do this automatically. If I know that I want each of those images to match the 540 px width of the content column, them why can’t a way be found to search for all images larger than that and then proportionately re-size them to fit the column exactly? Seems like it should be possible but many people much smarter than me have told me it is not. Needless to say I have not been able to prove them wrong by figuring it out myself. Of course, going forward, I have changed away from using HTML to re-size images but I really want to fix all the old posts. Very frustrating.