弹出窗口中图像的站点速度图像缓存答案

【问题标题】：Site speed image caching for image in pop-up弹出窗口中图像的站点速度图像缓存
【发布时间】：2019-11-04 08:56:39
【问题描述】：

我正在创建一个网站，该网站在首次加载时会加载一些图像，然后如果用户单击其中一个图像，则会在弹出窗口中打开相同的图像但更大（灯箱）。

我的问题是，最好只使用相同的大图像并调整缓存的尺寸（因此用户已经加载了图像）还是先加载较小的缩略图然后再加载较大的图像更好-up 打开？

我正在尝试尽可能降低网站速度，因为有很多图片。

如果有帮助，我将使用 Masonry 作为网站，使用 Magnific Popup 作为图片展开。

缩略图大小约为 100kb，而较大的图像大小在 200-300kb 之间。

【问题讨论】：

【解决方案1】：

任何灯箱类型脚本的主要思想是，它们允许您在页面上显示预览图像（缩略图）并仅在需要时（例如，当用户单击缩略图时）加载更大的版本。这极大地有助于减少页面重量和加载时间。现代脚本（如fancybox）可以显示预览图像，同时更大的版本逐渐出现在其上，从而使用户不必盯着空白屏幕。

【讨论】：

【解决方案2】：

image = "Your image link / location here"/ZoomService

image.Zoom(100)

--如果您使用 MilkWar 网络编码，请使用该代码

【讨论】：