真正的 Favicon Generator 代码错误，它会减慢站点速度吗？

Question

我使用 Real Favicon Generator 来生成网站图标和代码。我刚刚通过代码验证器 (Total Validator Pro) 运行我的 HTML 和 CSS，它说一些 Real Favicon Generator 代码有两个错误：

E620 The 'color' attribute is not valid for this tag in this context:
         <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#00736d">


W619 Unrecognised value for the 'name' attribute:
         <meta name="theme-color" content="#ffffff">

我是新手所以真的不知道我是否应该担心这个？

2。 Real Favicon Generator 创建一个 .xml 和 .json 文件。我的网站是非常简单的静态HTML和CSS网站，没有javascript、Jquery或PHP等。加载速度非常快。这些额外的 .xml 和 .json 文件会减慢加载时间吗？

谢谢

Answer 1

TL; DR

这两个问题是无害的，额外的文件不会减慢您的网站速度。你可以直接使用RealFaviconGenerator生成的包。

详情

RealFaviconGenerator 作者发言。

color 是 Apple 引入的专有属性。这个 link 标记的目的是在 macOS Safari 的固定选项卡中有一个图标，并且 color 属性是强制性的：如果你删除 if，Safari 将不会选择默认颜色，而只会忽略固定标签图标。

theme-color是为了AndroidChrome，为了style the address bar or task bar.

这两个属性是无害的，不会破坏任何东西。此代码是 tested on several browsers.

此外，W3C validator apparently does not report these errors anymore。你能检查一下你自己的网站吗？

browserconfig.xml 用于 Edge 和最新版本的 IE，而 manifest.json 是 Web App Manifest，主要用于 Android Chrome。对这些文件不感兴趣的浏览器不会加载它们。

真正的 Favicon Generator 代码错误，它会减慢站点速度吗？

Real Favicon Generator errors with code and will it slow site down?

html

favicon