哪个加载速度更快:加载一个大图像两次并缩放一个或加载大图像一次和缩略图

时间:2016-02-19 22:10:09

标签: image optimization scale

我有一个带有缩略图和特色图像的旋转器。

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

在移动设备上加载相同的图像两次然后将一个图像缩放到缩略图大小或使用两个不同的图像会更快吗?我想,因为图像已经缓存,它可能会更快。我也认为,因为我提供的是缩放图像,可能需要更多资源。

1 个答案:

答案 0 :(得分:0)

Imho在不需要时加载thumbnail代替完整尺寸image总是更聪明/更好。

-Imagine post,内容中包含10张图片。

  • Thumbnails小而快。
  • 全尺寸images通常会超过thumbnail的10倍 大小
  • down )缩放images是糟糕的搜索引擎优化并尝试实现错误 用户体验大约images时。 (或imho有点懒惰的webdesigner
  • WordPress能够创建不同大小的图像,包括缩略图。 (所以请使用

当用户浏览您的网站并想要阅读posting/page时,他们有时会"只是"想要阅读或搜索content中的某些内容。因此,请不要强迫他们下载完整尺寸images
他们想要查看完整的image,他们会点击thumbnail,然后下载完整尺寸image用户体验在那个时刻要好得多,尽管他们必须等待"等等。完整尺寸image

一个页面包含10个thumbnails,每个大小为3.7Kb,让内容为3.7Kb,只有#34; 41KB。使用完整尺寸images您的示例157Kb ),同一页面需要加载1.6Mb。含义,仅用"" thumbnails页面加载速度要快得多,而且同样的钱...

快速页面加载和良好的内容就是邀请用户再次回归 我认为,如果他们坐在桌面后面或在智能手机上观看并不重要,那么用户体验是关键所在。尽管这通常意味着,为作者提供更多的工作:)

这只是从我的观点(和经验)看到的,也许其他人甚至可以更好地支持或反对使用thumbnails