HTML:¿Puede mi favicon estar en una CDN en lugar de /favicon.ico?

StackOverflow https://stackoverflow.com/questions/2003622

  •  18-09-2019
  •  | 
  •  

Pregunta

¿Mi favicon.ico tiene que estar almacenado en la raíz de mi dominio?¿O puedo almacenar mi favicon en otro dominio?

Es decir, de www.ejemplo.com, ¿Es esto válido?

<link rel="shortcut icon" href="http://MY-CDN.example.com/favicon.ico" />

Lo que quiero hacer es servir mi favicon www.example.com desde mi CDN.¿Esta bien?Cualquier aspecto negativo que deba conocer sobre la compatibilidad del navegador, el rendimiento, etc.

¿Fue útil?

Solución

Sí.Basta con mirar el código fuente de esta página:

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

Sin embargo, algunos agentes de usuario aún intentarán capturarlo en la raíz de su dominio, para lo cual es posible que desee configurar una redirección para que apunte allí para no obtener 404.

meder@meder-desktop:~$ 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>

Otros consejos

Usted puede hacer esto al señalar el archivo en el encabezado de la CDN. Tales como: 

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

Para más detalles en profundidad me gustaría ver en el siguiente tutorial, tiene todo lo que necesita sobre cómo alojar su favicon en su lugar CDN. https://www.keycdn.com/blog/make-a-favicon/

Es de ninguna manera la optimización más importante que puede hacer, pero de nuevo, todo cuenta y se suma. Especialmente si usted va para un sola conexión HTTP / 2 .

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top