HTML: может ли мой значок быть на CDN вместо/favicon.ico?

Должен ли мой favicon.ico храниться в корне моего домена? Или я могу сохранить свой значок в другом домене?

Значение, от www.example.com, действительно ли это?

<link rel="shortcut icon" href="#" onclick="location.href='http://MY-CDN.example.com/favicon.ico'; return false;" />

Что я хочу сделать, это служить моим значком www.example.com из моего CDN. Это нормально? Любые негативы, которые я должен знать о совместимости браузера, производительности и т.д.

Ответ 1

Да. Посмотрите исходный код этой страницы:

<link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico">

Однако некоторые пользовательские агенты по-прежнему будут пытаться захватить его в корне вашего домена, к которому вы, возможно, захотите настроить перенаправление, чтобы указать там, чтобы вы не получили 404s.

[email protected]:~$ curl -v http://stackoverflow.com/favicon.ico
* About to connect() to stackoverflow.com port 80 (#0)
*   Trying 69.59.196.211... connected
* Connected to stackoverflow.com (69.59.196.211) port 80 (#0)
> GET /favicon.ico HTTP/1.1
> User-Agent: curl/7.18.2 (i486-pc-linux-gnu) libcurl/7.18.2 OpenSSL/0.9.8g zlib/1.2.3.3 libidn/1.10
> Host: stackoverflow.com
> Accept: */*
> 
< HTTP/1.1 302 Redirect
< Content-Type: text/html; charset=UTF-8
< Location: http://sstatic.net/so/favicon.ico
< Server: Microsoft-IIS/7.0
< Date: Tue, 05 Jan 2010 01:54:23 GMT
< Content-Length: 156
< 
<head><title>Document Moved</title></head>
* Connection #0 to host stackoverflow.com left intact
* Closing connection #0
<body><h1>Object Moved</h1>This document may be found <a HREF="http://sstatic.net/so/favicon.ico">here</a></body>

Ответ 2

Вы можете легко сделать это, указав файл в своем заголовке на CDN. Например:

<link rel="shortcut icon" href="//cdn.perfmatters.io/favicon.ico" type="image/x-icon" />

Для более подробных подробностей я рассмотрю следующий учебник, в нем есть все, что вам нужно, чтобы разместить свой значок на вашем CDN. https://www.keycdn.com/blog/make-a-favicon/

Это ни в коем случае не самая важная оптимизация, которую вы могли бы сделать, но опять же, все имеет значение и складывается. Особенно, если вы собираетесь использовать одно соединение HTTP/2.