目前我正在 Build 一个TYPO3（目前版本为8.1.2）的网站，它有很多非常大的图像 . 我正在使用扩展TYPO3引导程序包并将其修改为我的需要，包括图像视图助手，目前看起来像这样：
<picture>
<source media="(min-width:1600px)" srcset="{f:uri.image(image: file)}">
<source media="(min-width:1200px)" srcset="{f:uri.image(image: file, maxWidth: 1600)}, {f:uri.image(image: file, maxWidth: 3200)} 2x">
<source media="(min-width:992px)" srcset="{f:uri.image(image: file, maxWidth: 1200)}, {f:uri.image(image: file, maxWidth: 2400)} 2x">
<source media="(min-width:768px)" srcset="{f:uri.image(image: file, maxWidth: 992)}, {f:uri.image(image: file, maxWidth: 1984)} 2x">
<img class="img-responsive" srcset="{f:uri.image(image: file, maxWidth: 768)}, {f:uri.image(image: file, maxWidth: 1536)} 2x">
</picture>
此设置的问题在于，如果尚未创建不同的文件，例如如果在添加新图像后第一次查看页面，则TYPO3需要进行大量的数字运算才能生成不同大小的图像的所有不同版本，并且需要太长时间（超过一分钟） .
所以，我正在寻找的是两种可能的解决方案之一：
-
一种告诉TYPO3尽可能晚地呈现特定图像的方法（即当浏览器请求该特定文件时，而不是当TYPO3呈现该页面时）或
-
一种使用ajax仅请求实际需要的图像大小的方法，例如将我的ViewHelper修改为以下内容：
<img data-uid="{file.propertiesOfFileReference.uid}">
然后让一些javascript代码确定我实际需要的大小并以恰当的大小请求图像（对于缓存目的，可能以200px的步长） . js-part应该很容易做到，但我不知道如何实现typo3-part . 关于typo3和ajax在不同的网站上有一些解释，但我不知道最近这些是什么，并实现我需要的，我知道如何做到这一点 .
任何人都可以指出我正确的方向或告诉我这两种解决方案中的一种是否可能？
1 回答
将有第三种解决方案，即创建一个调度程序作业，该作业将在页面重新加载之前“缓存”这些图像 . 您甚至可以使用FAL来跟踪图像是否以某种方式被操纵并刷新缓存 . 选择要缓存哪些图像有不同的方法，但最简单的方法可能是强制编辑器将所有要使用的图像放在一个特定的文件夹/文件挂载中（当然还有子文件夹），而cron作业只会通过它们并生成所需的所有尺寸 .