加载速度更快：加载大图像两次，缩放一个OR加载一次大图像和缩略图

Question

我有一个有缩略图和精选图像的旋转器。

• Featured.png：1054 * 510：157.35kb
• Thumbnail.png：190 * 75：3.67kb

难道是更快的移动装置上加载相同的图像两次然后缩放一个图像到缩略图大小或使用两个不同的图像？我想，因为图像已被缓存，可能会更快。我也认为，因为我服务的缩放图像，它可能需要更多的资源。

Answer 1

Imho在不需要时加载thumbnail而不是全尺寸image总是更聪明/更好。

-Imagine a post它在内容中包含10个图像。

• Thumbnails小而快。
• 全尺寸images将经常超过10x的thumbnail 大小。
• （down）缩放images是不好的SEO，并试图实现一个错误的 用户体验时，它是关于大images。 （或imho有点懒惰的web设计师）
• WordPress是能够创建不同大小的图像，包括缩略图。 （所以请使用它们）

当PPL浏览您的网站，想读一个posting/page他们有时会“只是”想读取或搜索一些在content。所以请不要强迫他们下载全尺寸images。
只要他们想看到完整的image他们将点击thumbnail，然后将下载全尺寸image。 用户体验在那个时刻好得多，虽然他们然后必须“等待”该全尺寸image。

一页包含10个thumbnails，每个大小为3.7Kb，可以说3.7Kb的内容是“仅”41Kb。用全尺寸images（您的示例157Kb）相同的页面需要加载1.6Mb。意思是，用“仅”thumbnails页面加载速度要快得多，而且对于相同的钱...

快速页面加载和良好的内容是所有这些都请求用户再次回来。
我认为，如果他们坐在桌面后面或在智能手机上观看并不重要，用户体验是始终重要的关键。 Eventhough，往往意味着，作者:)

这只是从我的角度看到更多的工作（和经验）或者其他人有支持或反对thumbnails甚至更​​好的论证。