#93:尝试平滑加载图库页面

我们在静态模型中花费了所有这些时间来编写一些巧妙的 JavaScript 代码,这些代码将“平滑加载”图库中的图像。现在我们有了使用真实图像的真实图库,这部分代码消失了。

本质上,我们需要让我们的图像包装器具有与图像纵横比相同的顶部填充。在静态模型中这很容易,因为我们知道图像的高度和宽度。我们不再拥有这些信息,我们只有图像的 URL。

我们在 Google 上搜索了一个教程,了解如何使用 PHP 获取图像尺寸。在我们将此功能部署并访问图库后,加载速度**非常**慢。这可能是 PHP 函数getimagesize导致的。我们推测,一旦上线,并且从同一服务器请求图像,速度就会更快。

事实证明,情况并非如此。此函数速度很慢,因为它必须请求整个图像并进行处理才能获取所需的信息。稍后,我们必须诉诸完全不同的方法才能实现平滑加载。有点令人沮丧。如果可以时光倒流,我们应该使用原生 WordPress 媒体上传器上传这些图像,而不是自定义字段。这样,我们就可以访问存储在数据库中的图像尺寸数据,这将使这一切成为可能。