Wie kann man favicon.ico-Anfragen verhindern?

Question

Ich habe kein favicon.ico, aber mein Browser fordert es immer an.

Ist es möglich, den Browser daran zu hindern, eine Anfrage nach dem Favicon von meiner Website zu stellen? Vielleicht mit einem META-TAG im HTML-Header?

Answer 1

Der einfachste Weg, diese zu Testzwecken vorübergehend zu blockieren, besteht darin, die Inspektionsseite in Chrome zu öffnen, indem man mit der rechten Maustaste auf eine beliebige Stelle der Seite klickt und auf "Inspektion" klickt oder indem man Ctrl+Shift+j und dann auf die Registerkarte "Netzwerke" gehen und dann die Seite neu laden, wodurch alle Anfragen gesendet werden, die Ihre Seite machen soll, einschließlich der lästigen favicon.ico. Sie können nun einfach mit der rechten Maustaste auf die favicon.ico-Anforderung klicken und auf "URL-Anforderung blockieren".

Alle oben genannten Antworten gelten für Entwickler, die den Quellcode der Anwendung kontrollieren. Wenn Sie ein Systemadministrator sind, der sich um die Konfiguration von Load-Balancern oder Proxys kümmert und von diesem favicon.ico-Unfug genervt ist, leistet dieser einfache Trick bessere Arbeit. Diese Antwort ist für Chrome, aber ich denke, es sollte eine ähnliche Alternative geben, die Sie für Firefox/Opera/Tor/jeden anderen Browser herausfinden würden :)

Answer 2

Geben Sie dies in Ihren HTML-Kopf ein:

<link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVQI12P4//8/AAX+Av7czFnnAAAAAElFTkSuQmCC">

Diese ist etwas größer als die anderen Antworten, enthält aber ein tatsächlich gültiges PNG-Bild (1x1 Pixel weiß).

Answer 3

Sie können .htaccess oder Server-Direktiven verwenden, um den Zugriff auf favicon.ico zu verweigern, aber der Server sendet eine Antwort auf die Zugriffsverweigerung an den Browser, was den Seitenzugriff weiter verlangsamt.

Sie können den Browser davon abhalten, die Datei favicon.ico anzufordern, wenn ein Benutzer zu Ihrer Website zurückkehrt, indem Sie sie im Browser-Cache ablegen.

Stellen Sie zunächst ein kleines favicon.ico-Bild bereit, das leer sein kann, aber so klein wie möglich ist. Ich habe ein schwarz-weißes Bild mit weniger als 200 Bytes erstellt. Dann setzen Sie mit Hilfe von .htaccess oder Server-Direktiven die Datei Expires header ein oder zwei Monate in die Zukunft. Wenn derselbe Benutzer Ihre Website erneut aufruft, wird sie aus dem Browser-Cache geladen, und es wird keine Anfrage an Ihre Website gerichtet. In den Serverprotokollen gibt es auch keine 404-Anfragen mehr.

Wenn Sie die Kontrolle über einen kompletten Apache-Server oder vielleicht einen virtuellen Server haben, können Sie dies tun:-

Wenn das Root-Verzeichnis des Servers z. B. /var/www/html ist, fügen Sie Folgendes zu /etc/httpd/conf/httpd.conf hinzu: -

Alias /favicon.ico "/var/www/html/favicon.ico"
<Directory "/var/www/html">
    <Files favicon.ico>
       ExpiresActive On
       ExpiresDefault "access plus 1 month"
    </Files>
</Directory>

Dann funktioniert ein einziges favicon.ico für alle virtuell gehosteten Sites, da Sie es als Alias verwenden. Es wird einen Monat lang nach dem Besuch des Nutzers aus dem Browser-Cache gezogen.

Für .htaccess wird berichtet, dass dies funktioniert (von mir nicht überprüft):-

AddType image/x-icon .ico
ExpiresActive On
ExpiresByType image/x-icon "access plus 1 month"

Answer 4

Eine sehr einfache Lösung ist, den folgenden Code in Ihre .htaccess . Ich hatte das gleiche Problem und es hat mein Problem gelöst.

<IfModule mod_alias.c>
    RedirectMatch 403 favicon.ico
</IfModule>

Referenz: http://perishablepress.com/block-favicon-url-404-requests/

Answer 5

In Anlehnung an frühere Antworten könnte dies die kürzeste Lösung aus der HTML-Datei selbst sein:
<link rel="shortcut icon" href="data:" />

Getestet, funktioniert, keine Fehlermeldungen oder fehlgeschlagene Anfragen auf Chrome Version 94.0.4606.81