php - 画廊图片的想法

Question

由于多个请求会减慢网站的加载速度，我在想，如果是画廊，一张包含所有缩略图的大图片会比加载单个缩略图更好吗？

然后，大图像将使用 PHP“切碎”缩略图并将它们放置在页面上的相关位置。

我主要担心的是这会对 SEO 产生负面影响吗？因为 Google 只会看到一个大图像文件，而不是许多较小的图像文件。解决这个问题的方法是将所有缩略图的 src 设置为重定向到处理缩略图生成的脚本，其中图像文件名指的是该图像的一组特定坐标吗？

Answer 1

根据经验；对于使用图像 Sprite 的按钮/图标/类似的东西(一个结合所有图像的大图像，使用 css 仅显示特定坐标之间的一部分)，对于“真实”内容图像，只需使用单独的图像。

这有几个原因；图标、按钮等图像有时会出现在您网站的每个页面上，而且通常会在同一页面上出现多次。所以把它们结合起来真的很有用，比如。启动一个新的http连接来下载一个1kb(或更小)的图标是非常低效的，想象一下如果你使用数百个会发生什么。此外，这种类型的图像对您的 seo 排名根本不重要，只对您网站的外观很重要(但谷歌不在乎您的网站是丑陋得要命还是美丽得像公主)

但另一方面，“内容”图像(例如缩略图、假期或棒球比赛的照片)通常大到足以排除效率部分。正如您在 chrome 开发人员工具或 firebug 中看到的那样，浏览器将同时开始下载所有图像。所以下载一张图片几乎和下载一百张一样快。但是，如果您组合一百张图像，下载速度会变慢，因为您必须一次下载更大的数据量。相比下;通过一根软管插入 2 加仑水比通过 10 根软管插入同样的 2 加仑水需要更长的时间。 (当然这个比喻有它的漏洞，但它说明了我的观点)。但更重要的是； google 读出 img 标签并使用文件名 (src)、标题和(不太重要的)alt 属性来确定您的图像应如何与您的 seo 排名相关。图片确实对您的 seo 排名有相关影响!但是 google 也知道显示的是相同图像还是不同的图像，因此 sprite 在这里帮不了您。带有参数说明必须加载图像的哪一部分的脚本对您根本没有帮助，我相信如果您仔细考虑一下，您就会明白为什么 ;)

所以不要为合并缩略图之类的东西而烦恼。如果您想提高速度，请将注意力转移到缓存和加快传输速度上。可以通过使用例如 gzip 压缩(谷歌 .htaccess gzip)、适当的缓存 header 等来实现一些非常简单的改进。