DNSPrefetch，即DNS预取，是前端优化的一部分。一般来说，前端优化中与DNS相关的有两点：一是减少DNS请求次数，二是进行DNS预取。DNS是互联网的基本协议，其解析速度似乎很容易被网站优化人员忽视。现在大多数新浏览器都针对DNS解析进行了优化。典型的DNS解析需要20-120毫秒。减少DNS解析的时间和频率是一个很好的优化方法。DNSPrefetching可以让具有该属性的域名在后台解析，无需用户点击链接，域名解析和内容加载是串行的网络操作，因此这种方式可以减少用户的等待时间，提升用户体验。默认情况下，浏览器会预取页面上与当前域名（浏览网页的域名）不在同一域的域名，并缓存结果。这是隐式DNS预取。如果要预取页面上没有出现的域，则必须使用显示的DNS预取。目前大多数浏览器都支持该属性，支持的版本如下：–Safari:5+–Chrome:All–Firefox:3.5+–Opera:Unknown–IE:9+(blogs.msdn上称为“Pre-resolution”。com)其中，Chrome和Firefox3.5+内置了DNSPrefetching技术，并对DNS预解析做了相应的优化设置。所以即使不设置这个属性，Chrome和Firefox3.5+也可以在后台自动预解析。目前很多大型网站也应用了这个优化，比如：淘宝：支付宝：网易：DNSPrefetch尽量放在网页前面，建议放在。具体使用方法如下：1.2.3.4.需要注意的是，虽然使用DNSPrefetch可以加快页面的解析速度，但是不能滥用，因为有些开发者指出禁用DNS预取可以每月节省100亿次DNS查询。如果需要关闭implicitDNSPrefetch，可以使用如下标签：升级页面加载速度元标题图标和收藏夹图标设置以小米官网为例：type可以设置多种图片类型。如：gif/png/ico，一般图标大小为16px*16px。很难明确保证一个网站图标将显示在所有计算机上，即使使用相同版本的浏览器也是如此。以下代码的另一个限制是它将favicon与特定的HTML或XHTML文档相关联。为避免这种情况，favicon.ico文件应放在根目录中。大多数浏览器会自动检测并使用它。建议包含以下两行HTML代码：但是，只需要第一行，因为“快捷图标”字符串将被大多数标准识别-兼容的浏览器作为列出可能的关键字（“快捷方式”将被忽略，只有“图标”有效）；InternetExplorer会将其用作单个名称（“快捷方式图标”）。这样做的效果是所有浏览器都可以理解这段代码。仅当您想为新浏览器提供备用图像（例如动画GIF）时才需要添加第二行。在HTML中，link元素必须在head元素内（在和之间）。对于XHTML，链接必须以“/>”（或“>”）结尾，但不能以“>”结尾。href可以但不必指向/favicon.ico的位置。它可以指向任何URL。图像通常可以使用浏览器支持的任何图像格式。.ico文件格式通常可以被所有可以显示网站图标的浏览器读取。设置服务器以发送正确的MIME标识符：ICO文件image/vnd.microsoft.icon（或出于兼容性原因的image/x-icon。但是最好使用IANA注册的MIME类型，因为大多数主流浏览器现在都支持它)GIF文件图像/gifPNG文件图像/png使用适当的分辨率和颜色深度。ICO：包括多种分辨率（16×16和32×32最常用，MacOSX有时使用64×64和128×128）和位深度（bitsperpixel）（多为4、8、24bpp，即16、256和1600万种颜色）。GIF：使用16×16、256色。PNG：使用16×16、256色或24位。`注意：当favicon.ico位于文档根目录时，即使您的站点上没有指向它的链接，某些不处理链接元素的浏览器也会发现它。标准化的`Favicon功能最早是由微软创建的，微软的InternetExplorer网络浏览器会为每个网站请求favicon。微软支持的链接标签不遵循万维网联盟（W3C，WorldWideWebConsortium）HTML推荐[1]，因为:rel属性必须包含以空格分隔的链接类型列表，所以一个链接类型包含两个符合标准的浏览器不理解的话。“.ico”文件类型（MicrosoftWindows上用于图标的光栅格式）没有注册的MIME类型，而且当时大多数浏览器似乎无法理解。然而，在2003年，该格式作为image/vnd.microsoft.icon的MIME类型在IANA注册，消除了问题的第一部分。使用网站上的保留位置与万维网的体系结构（互联网的结构）相矛盾，被视为链接抢注（链接劫持）或URI抢注（URI劫持）。Mozilla浏览器通过符合Web标准的方法添加了对网站图标的支持。它采用rel="icon"并允许网页设计人员添加任何支持的图像格式的图标。例如。后来，大多数浏览器都添加了对此功能的支持，因为它将用于所有新内容。
