HTML:la mia favicon può trovarsi su un CDN anziché su /favicon.ico?

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

  •  18-09-2019
  •  | 
  •  

Domanda

Il mio favicon.ico deve essere archiviato nella root del mio dominio?Oppure posso salvare la mia favicon su un altro dominio?

Significato, da www.esempio.com, è valido?

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

Quello che voglio fare è servire la mia favicon www.example.com dal mio CDN.Va bene?Eventuali aspetti negativi che dovrei sapere sulla compatibilità del browser, sulle prestazioni, ecc.

È stato utile?

Soluzione

SÌ.Basta guardare il codice sorgente di questa pagina:

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

Tuttavia alcuni user agent tenteranno comunque di catturarlo alla radice del tuo dominio, verso il quale potresti voler impostare un reindirizzamento per puntare lì in modo da non ricevere 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>

Altri suggerimenti

Si può facilmente farlo puntando il file nel intestazione al CDN. Come ad esempio: 

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

Per maggiori dettagli approfonditi vorrei guardare il seguente tutorial, che ha tutto il necessario su come ospitare il vostro favicon sul CDN invece. https://www.keycdn.com/blog/make-a-favicon/

E 'in alcun modo l'ottimizzazione più importante che si potrebbe fare, ma ancora una volta, tutto conta e aggiunge. Soprattutto se si sta andando per un singola connessione HTTP / 2 .

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top