HTML :mon favicon peut-il être sur un CDN au lieu de /favicon.ico ?

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

  •  18-09-2019
  •  | 
  •  

Question

Mon favicon.ico doit-il être stocké à la racine de mon domaine ?Ou puis-je stocker mon favicon sur un autre domaine ?

C'est à dire, de www.exemple.com, est-ce valable ?

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

Ce que je veux faire, c'est servir mon favicon www.example.com à partir de mon CDN.Est-ce correct?Tous les points négatifs que je devrais connaître concernant la compatibilité du navigateur, les performances, etc.

Était-ce utile?

La solution

Oui.Il suffit de regarder le code source de cette page :

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

Cependant, certains agents utilisateurs tenteront toujours de le récupérer à la racine de votre domaine, vers lequel vous souhaiterez peut-être configurer une redirection pour y pointer afin de ne pas obtenir de 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>

Autres conseils

Vous pouvez facilement le faire en pointant le fichier dans votre tête au CDN. Tels que: 

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

Pour plus de détails en profondeur, je regardais le tutoriel suivant, il a tout ce dont vous avez besoin sur la façon d'héberger votre favicon sur votre place CDN. https://www.keycdn.com/blog/make-a-favicon/

Il est pas l'optimisation de la plus importante que vous pourriez faire, mais encore une fois, tout compte et additionne. Surtout si vous allez pour une connexion HTTP / 2 simple .

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top