由于多个请求会降低网站加载的速度,我认为在图库的情况下,包含所有缩略图的大图像是否比加载单个缩略图更好?
然后,大图像将使用PHP“剪切”缩略图并将它们放在页面上的相关位置。
我主要担心的是这会对SEO产生负面影响吗?由于Google只会看到一个大图像文件,而不是许多较小的图像文件。可以解决这个问题,将所有缩略图的src设置为重定向到处理缩略图生成的脚本,其中图像文件名是指该图像的一组特定坐标吗?
答案 0 :(得分:1)
作为拇指的规则;对于按钮/图标/ stufflikethat使用图像精灵(一个大图像组合所有图像,使用CSS只显示特定坐标之间的一部分),对于“真实”内容图像,只需使用单独的图像。
这有几个原因;图标,按钮等是有时出现在您网站的每个页面上的图像,通常会在同一页面上多次出现。因此将它们组合起来确实很有用。启动一个新的http连接以下载1kb(或更少)的图标是非常低效的,想象如果你使用数百个会发生什么。此外,这种类型的图像对于你的搜索引擎级别并不重要,仅适用于你网站的外观(但谷歌并不关心你的网站是否像公主那样丑陋或美丽)
但另一方面,“内容”图像,例如缩略图,假日照片或棒球锦标赛,往往足以排除效率部分。正如您在chrome开发人员工具或firebug中看到的那样,浏览器将同时开始下载所有图像。因此,下载一张图像与下载一百张图像一样快。但是如果你合并了一百个图像,下载速度就会慢一些,因为你必须将一大块数据下载到一个整体中。相比下;通过一根软管推动2加仑的水将比推动相同的2加仑的10根软管需要更长的时间。 (当然这个比喻有它的洞,但它说明了我的观点)。 但更重要的是;谷歌读出img标签并使用文件名(src),标题和(不太重要的)alt属性来确定你的图像应该如何与你的seo排名相关。图像对你的seo排名有相关影响!但谷歌也知道它是否是相同的图像显示,或者是另一个,所以精灵在这里不会帮助你。一个脚本,其参数说明必须加载图像的哪一部分根本不会对你有所帮助,我相信如果你仔细思考就可以找出原因;)
所以不要费心合并缩略图和类似的东西。如果您想提高速度,请将注意力转移到缓存并加快传输速度。一些非常简单的改进可以通过使用例如gzip压缩(google .htaccess gzip),正确的缓存头等来实现。
答案 1 :(得分:0)
你做对了,下载一个大图像并从那里获取所有图像总是更好,我猜你的意思是javascript与砍掉的东西,因为你必须在客户端这样做。这在性能方面是一个非常好的主意,许多网站都这样做。另一个想法是使用较小的图像并在客户端调整它们的大小。只需要小心调整大小而不影响图像的分辨率。
我不太确定这对SEO是否定的,并且据我所知谷歌没有执行任何javascript功能,所以解决方法,我不认为它会工作。但老实说,我对此并不那么肯定,在我上一份工作中,我们从未将图像视为SEO中的重大影响。