没有src属性的Picturefill？

Question

只是一些初学者的问题围绕着Picturefill的填充：

当我使用src属性时，我注意到Firefox (33)和Safari (7.1)中有一个短暂的闪烁。这些浏览器会发出额外的HTTP请求。这是我的密码：

<img src="images/300x180-1.jpg"
    alt="My alt text"
    sizes="(min-width: 768px) 364px, 100vw"
    srcset="images/364x220@2x-1.jpg 728w, images/364x220-1.jpg 364w" />

• Picturefill不应该阻止浏览器下载不必要的图像吗？
• 删除src属性有什么坏处吗？(我知道有JS的人或者没有本机响应图像的浏览器根本不会看到任何图像，只有alt文本)
• 缺少的src属性对SEO有什么影响？

Answer 1

1. 您只能中止下载的图像在铬和ie，而不是在ff或野生动物园。
2. 预加载解析器看不到没有src的映像，规范要求src属性(您已经提到了JS )。

关于你的图像标记。300和364之间的差别很小。别以为它真的给了你那么大的差别。但是，如果您想保留它，最好将它添加到srcset，这样浏览器就知道它的属性(如果屏幕很小或者带宽很低，也可以使用它)。

<img src="images/300x180-1.jpg"
    alt="My alt text"
    sizes="(min-width: 768px) 364px, 100vw"
    srcset="images/364x220@2x-1.jpg 728w, images/364x220-1.jpg 364w, images/300x180-1.jpg 300w" />

您还可以尝试使用呼吸图像，它尝试中止IE中的图像下载，并在safari/firefox (实现低质量的图像占位符技术)中等待更长的时间来更改源代码。此外，它还尝试使用更智能的资源选择来节省带宽。

Answer 2

缺少的src属性对SEO有什么影响？

使用Google的Fetch作为Google工具进行测试，可以看出，尽管默认情况下，Google不会索引srcset属性中引用的文件，但是如果使用Picturefill，它会对它们进行索引。

我在Stack Exchange网站管理员这里上写了一个更全面的答案