When displaying the images in the frontend, I would scale the images to a size specified in the plugin configuration. I was using the following code:

...
$imageConf['file'] = $row[image];
$imageConf['file.']['maxH'] = $this->conf[largeMaxH];
$imageConf['file.']['maxW'] = $this->conf[largeMaxW];
$thumbnailImage = $this->cObj->IMG_RESOURCE($imageConf);
...

The $row[image] would contain the image file to be displayed and the maxH and maxW is being set to the image sizes from the plugin configuration. When loading the page every image would be resized to the correct size, but when a single gallery reached about 100+ images this process started to perform very poorly. Actually is was slow – very slow.

What to do?!

Well, I figured out that I would try to make a function, where the image only would get resized once and then reused. I created an extra database field (a blob-field would be preferred) for storing the cached information.

Generating the images is still done with the above example, but now the filename for the resized image is being saved in the database. I choose a setup using a multidimensional array with keys representing the image height and width like this:

...
$imageConf['file'] = $row[image];
$imageConf['file.']['maxH'] = $this->conf[largeMaxH];
$imageConf['file.']['maxW'] = $this->conf[largeMaxW];
$thumbnailImage = $this->cObj->IMG_RESOURCE($imageConf);

$cached[$this->conf[thumbnailMaxW]][$this->conf[thumbnailMaxH]] = $thumbnailImage;
...

Until now there is no change in the performance as every image still is being resized on the fly. The last piece of the puzzle is to check whether or not there exists a cached image. To do this I am using two check:

$thumbnailImage = $cached[$this->conf[largeMaxW]][$this->conf[largeMaxH]];
if ($thumbnailImage == "" || ! file_exists($thumbnailImage)) {
  $imageConf['file'] = $row[image];
  $imageConf['file.']['maxH'] = $this->conf[largeMaxH];
  $imageConf['file.']['maxW'] = $this->conf[largeMaxW];
  $thumbnailImage = $this->cObj->IMG_RESOURCE($imageConf);

  $cached[$this->conf[thumbnailMaxW]][$this->conf[thumbnailMaxH]] = $thumbnailImage;

  $updateCache = 1;
}

First check is to see if the database contains information about a cached image and the second check is to see if the cache image still exists within the typo3temp directory. If one or both of these check fails, then a new cached image will be generated and the $updateCache is set to 1 indicating that the database should be updated later on in the script.

It’s a while since I made the actual code and I cannot remember the exact render times, but there was a massive performance boost in my extension.