Warum wird dieses Protokoll "Langsames Netzwerk erkannt ..." in Chrome angezeigt?

283

Ich habe festgestellt, dass dies info login Google Chrome Dev (Version 55.0.2883.18 dev) angezeigt wird, und ich kann mir nicht vorstellen, warum.

Langsames Netzwerk wird erkannt. Beim Laden wird die Fallback-Schriftart verwendet: http: //font-path.extension `

Es wird auf allen verwendeten Websites angezeigt font-face, auch auf lokalen Seiten und Chrome-Erweiterungen.

Bildschirm einer lokalen Website drucken

Acauã Montiel
quelle
112
Ich habe diese Option deaktiviert und die Protokolle werden nicht mehr angezeigt, aber ich weiß immer noch nicht, was das bedeutet. chrome: // flags / # enable-webfonts-intervention-v2
Acauã Montiel
4
@ AcauãMontiel Zeitersparnis
Kenberkeley
7
@ AcauãMontiel lol +1 für Ehrlichkeit
danwild
3
ChromeDevTools hat getwittert, dass sie sich mit diesem Problem befassen .
Quinn Comendant

Antworten:

150

Dies bedeutet, dass das Netzwerk langsam ist und Chrome eine Webschrift (mit einer @font-faceRegel geladen ) durch einen lokalen Fallback ersetzt.

Standardmäßig ist der mit einer Webschrift gerenderte Text bis zum Herunterladen der Schrift unsichtbar ( „Blitz aus unsichtbarem Text“ ). Mit dieser Änderung kann der Benutzer in einem langsamen Netzwerk sofort mit dem Lesen beginnen, wenn der Inhalt geladen wird, anstatt einige Sekunden lang auf die leere Seite zu schauen.

Ivan Akulov
quelle
139
Kann ich diese Benachrichtigung deaktivieren?
Shakeel Ahmed
71
Wie Acauã Montiel oben kommentiert hat, können Sie dies unter chrome: // flags / # enable-webfonts-intervention-v2
senornestor
12
Ich denke, die Benachrichtigung ist ein bisschen nützlich für die Entwicklung. Das Problem ist, wenn Chrome es für jede einzelne Erweiterung anzeigt, die im selben Konsolenprotokoll installiert ist, so viel Rauschen. Was bringt es, es für Erweiterungen anzuzeigen?
Ben
16
Gibt es einen Grund, warum diese Meldung angezeigt wird, obwohl die Schriftart aus dem Speicher- / Festplatten-Cache geladen wurde? Könnte dies bedeuten, dass sich das Laden der Schriftart auch aus dem Cache verzögert?
Robin
38
Ich renne von localhost und bekomme den gleichen Fehler
Vikas Bansal
108

Ich hatte das gleiche Problem mit Chrome Build 61.0.3163.100auf MacOs Sierra mit localhostals Server. Chrome begann mit der Protokollierung dieser Nachricht, als ich die Konfiguration der Netzwerkgeschwindigkeit auf 3G schnell / 3G langsam und wieder auf Online änderte.

Fix: Als ich versuchte, den Offline-Modus und erneut den Online-Modus auszuwählen, verschwand das Protokollierungsproblem. (Dieser Fix funktioniert möglicherweise auf einigen Geräten oder Versionen nicht.)

Update am 30. Januar 2018

Ich habe Google Chrome auf Version aktualisiert. 64.0.3282.119 (Official Build) (64-bit)Es scheint, dass dieser Fehler jetzt behoben ist.

Laxmikant Dange
quelle
3
Das Aktivieren / Deaktivieren des Umschalters für den Offline-Modus auf der Registerkarte "Netzwerk" funktionierte auch für mich - die Schriftarten wurden von einem Entwicklungsserver auf localhost bereitgestellt, sodass ich nicht dachte, dass es sich wirklich um ein "langsames Netzwerk" -Problem handelt ;-) In meinem Fall hatte noch nicht einmal mit anderen Geschwindigkeitskonfigurationen oder irgendetwas… seltsam rumgespielt. Vielen Dank, dass Sie diese Problemumgehung gefunden und geteilt haben!
Natevw
11
Vielen Dank, dass Sie diese Problemumgehung geteilt haben - auch für mich! Ich konnte keinen Fehlerbericht dafür finden, also habe ich einen eingereicht: bugs.chromium.org/p/chromium/issues/detail?id=778477
NullColaShip
3
Es funktionierte nicht für Chrome 61.0.3163.91 unter Ubuntu 16.04.
Muhammad bin Yusrat
Dies scheint eine sicherere Problemumgehung zu sein als das Ändern einer Flagge, aber es funktionierte nicht auf 62.0.3202.89 unter MacOS Sierra
jonS90
Lief wie am Schnürchen. Diese Warnungen nervten mich wie verrückt, da ich keinen Grund dafür sah, dass es langsam war :)
Perry
78

BEARBEITEN: Dies funktioniert nicht mit der neuesten Version von 63.0+

Ich konnte es mit Hilfe eines der obigen Kommentare deaktivieren

chrome://flags/#enable-webfonts-intervention-v2

Der Trick besteht darin, auch die Option " Intervention des Benutzeragenten auslösen, damit WebFonts immer geladen werden " direkt darunter zu deaktivieren .

Geben Sie hier die Bildbeschreibung ein

Abdul Waheed
quelle
3
Dies beantwortet tatsächlich nicht die Frage von OP, warum dieses Protokoll überhaupt in die Konsole gelangt ist. Sie können Ihre Antwort bearbeiten, wenn Sie das wissen.
Karan Desai
4
In Chrome 63 gibt es keine solche Option und dieser Fehler erschien mir.
Morteza Ziyae
@ MortezaZiaeemehr, es ist unglücklich. Die gesamte Oberfläche wird jetzt geändert. Und ich stehe jetzt nicht vor dem Problem.
Abdul Waheed
Ich habe diese Nachricht in 66.0.3359.139. Aber es gibt keine Optionchrome://flags/#enable-webfonts-intervention-v2
Guus
40

In meinem Fall war es die AdBlock Plus-Erweiterung für Google Chrome. Schaltete es aus und es funktionierte perfekt.

Sikandar Amla
quelle
1
In meinem Fall war es die Erweiterung "WOT: Web of Trust". Ich verstehe nicht, warum das Ding seine eigenen speziellen Schriftarten laden muss, es sollte nur die Standardschrift verwenden.
Sam Watkins
1
AdBlock deaktivieren, weil der Fehler angezeigt wird, und weiterhin Anzeigen anzeigen? Perfekte Lösung / Sarkasmus
Benji
Dieses Verhalten kann auch auf schlecht geschriebenen JavaScript / jQuery-Code zurückzuführen sein. Wenn Sie eine Funktion aufgerufen, aber nicht deklariert haben, kann dies passieren. Seien Sie besonders vorsichtig, wenn Sie Ihren Code kopieren / einfügen und einige der nicht verwendeten Funktionen entfernen.
Sikandar Amla
18

Wenn Sie auf CSS dieser Erweiterung zugreifen können, fügen Sie einfach die font-display:block;Definition der Schriftart hinzu oder senden Sie Feedback an den Entwickler dieser Erweiterung :)

@font-face {
  font-family: ExampleFont;
  src: url(/path/to/fonts/examplefont.woff) format('woff'),
       url(/path/to/fonts/examplefont.eot) format('eot');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
Javad Adib
quelle
1
Dies ist der richtige Weg, um das Problem zu beheben. Setzen Sie die Eigenschaft font-display auf einen Wert, der nicht 'auto' ist. developer.mozilla.org/en-US/docs/Web/CSS/@font-face/…
Peter
2
Sie können das Problem global beheben, indem Sie * {font-display: block;}es Ihrer CSS-Datei hinzufügen .
Peter
2
font-displaykann nur in einer @font-faceDeklaration verwendet werden. So * {font-display: block;}wird nicht wie erwartet funktionieren.
CedX
15

Ich verstecke dies durch Festlegen der Konsoleneinstellung

Console settings -> User messages only

Diashowp2
quelle
18
@AamirRizwan Achtung. Diese Einstellung verbirgt auch die ErrorNachricht.
Slideshowp2
6
Diese Antwort ist identisch mit der von @David Yew, abgesehen von einer Reihe von unerwünschten Nebenwirkungen
Superjos
10

Gehen Sie zu chrome: // flags / # enable-webfonts-intervention-v2 und setzen Sie es auf deaktiviert

Dies liegt an einem Fehler in Chrome mit der neuesten API für "Netzwerkgeschwindigkeit". Hoffe es wird in der nächsten Version behoben

Er Nilay Parekh
quelle
9

Ich habe die Netzwerkdrosselung deaktiviert, aber heute wurde dieser Fehler bei einer 75-MBit / s-Geschäftsverbindung angezeigt ...

Um dies in meinem Build von Chrome 60.0.3112.90 (Official Build) (64-Bit) zu beheben, habe ich die DevTools geöffnet, dann zu den DevTools-Einstellungen navigiert und dann "XMLHttpRequests protokollieren", "Nur Benutzernachrichten" und "Netzwerknachrichten ausblenden" deaktiviert.

Brandito
quelle
3

Der einfachste Weg, dies zu deaktivieren, besteht darin, die Warnungen in den Chrome Dev Tools zu deaktivieren

Geben Sie hier die Bildbeschreibung ein

Hoffe das hilft.

brijmcq
quelle
34
Das ist eine ziemlich schlechte Idee.
James Gentes
1
@ JamesGentes Sie haben Recht und dies ist keine dauerhafte Lösung. Manchmal ist es besser, es einfach auszuschalten, wenn Sie debuggen und nicht Hunderte von "Langsames Netzwerk wird erkannt ..." sehen
möchten
15
Das gleiche könnte man sagen, schließen Sie einfach den Browser und Sie werden es auch nicht sehen.
Nikita Chernykh
4
@ NikitaChernykh Das ist überhaupt nicht dasselbe. Es ist nicht. Ja wirklich.
Muhammad bin Yusrat
1
Dies deaktiviert zwar diese Nachricht, aber auch alle anderen Warnungen, die nützlich sein könnten.
Harden Rahul
3

Ich habe es gerade geschafft, dass der Filter-Regex funktioniert : /^((?!Fallback\sfont).)*$/.

Fügen Sie es dem Filterfeld direkt über der Konsole hinzu, und alle darin enthaltenen Nachrichten werden ausgeblendet Fallback font.

Sie können es genauer machen, wenn Sie möchten.

gfpacheco
quelle
1
Ich denke, ich werde mit dieser Lösung gehen. Ich denke, die Auswahl bestimmter Nachrichten wie "Nur Benutzernachrichten" wird überhaupt nicht empfohlen. Man kann leicht die Fehler oder Warnungen Ihrer Web-App übersehen.
Samiullah Khan
3

Wenn Sie eine App entwickeln, die Google-Schriftarten verwendet und sicherstellen möchten, dass Ihre Benutzer diese Warnungen nicht sehen. Eine mögliche Lösung ( hier detailliert ) bestand darin, die Schriftarten lokal zu laden.

Ich habe diese Lösung für eine Anwendung verwendet, die manchmal über ein langsames Internet (oder keinen Internetzugang) verfügt, aber dennoch Seiten bereitstellt. Dies setzt voraus, dass Ihre App Google-Schriftarten verwendet und Aktualisierungen dieser Schriftarten nicht kritisch sind. Nehmen Sie außerdem an, dass die Verwendung von ttf-Schriftarten für die Unterstützung Ihrer Anwendung WC3 TTF Font Browser geeignet ist .

So habe ich das lokale Bereitstellen von Schriftarten erreicht:

Gehen Sie zu https://fonts.google.com/ und suchen Sie nach Ihren Schriftarten

Suche

Fügen Sie Ihre Schriftarten hinzu

Geben Sie hier die Bildbeschreibung ein

Laden Sie sie herunter

Geben Sie hier die Bildbeschreibung ein

Platzieren Sie sie in Site Root

Geben Sie hier die Bildbeschreibung ein

Fügen Sie sie Ihrer @ font-Datei hinzu

Geben Sie hier die Bildbeschreibung ein

Fergus
quelle
2

Ich hatte auch die gleichen Fehler mit den Schriften von fontawesome. Dann habe ich die neuesten Schriften heruntergeladen und durch die alten ersetzt. Und die Fehler sind weg.

Jamille
quelle
Könnten Sie bitte mehr beschreiben? Wie hast du das gemacht ?
Abu Abu
Hmm .. Ich denke, das könnte mein Problem lösen .. Ich versuche es
Akshay
gut für mich .. <i class = "fas fa-plus-square"> </ i> hat nicht funktioniert .. ich habe es in fas fa-plus geändert
Akshay
2
  1. Nein, das bedeutet nicht, dass das Netzwerk langsam ist.
  2. Nein, das ist nicht nur eine falsche Warnung.

Ich habe dieses Problem bei eckigen Webanwendungen nach dem Ersetzen des Links https://fonts.googleapis.com/icon?family=Material+Icons in index.html zur integrierten Version (npm install .... material-icons ...). Dies funktioniert, aber manchmal zeigt die Webanwendung diese Warnung an.

Wenn eine Warnung angezeigt wird, werden Symbole ca. 1 Sekunde lang nicht gerendert, sodass der Benutzer schlecht gerenderte Symbole sieht.

Ich habe noch keine Lösung.

bmi
quelle
2

Gehen Sie zur Stylesheet.css der Schriftart und fügen Sie die Schriftartenanzeige hinzu: block; in allen @ font-face {}

Diese Stackoverflow-Antwort hat mir geholfen.

Unten ist die Zusammenfassung der Antwort

Wenn Sie auf CSS dieser Erweiterung zugreifen können, fügen Sie einfach font-display hinzu: block; zur Definition von Schriftarten oder senden Sie Feedback an den Entwickler dieser Erweiterung :)

@font-face {
  font-family: ExampleFont;
  src: url(/path/to/fonts/examplefont.woff) format('woff'),
       url(/path/to/fonts/examplefont.eot) format('eot');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
Pradeep
quelle
1

Sie können auf "Konsoleneinstellungen" klicken und dann das Kontrollkästchen "Nur Nachrichten verwenden" aktivieren. Danach werden diese Nachrichten nicht mehr angezeigt.

Geben Sie hier die Bildbeschreibung ein

oliver34
quelle
Diese Antwort ist identisch mit der von @David Yew, abgesehen von einer Reihe von unerwünschten Nebenwirkungen
Superjos
1

Das Update auf die neueste Version von Chrome (63.0.3239.84) über Hilfe -> Info wurde für mich behoben.

(Eigentlich musste ich auf der Registerkarte "Netzwerk" der Entwicklertools zu "Offline" und wieder zu "Online" wechseln, damit die letzten Fehler behoben werden.)

Schiene
quelle
1

Sobald ich das DuckDuckGo Privacy Essentials-Plugin deaktiviert habe, ist es verschwunden. Etwas ärgerlich, da die von mir bereitgestellten Schriftarten von localhost stammen und daher nichts mit einer langsamen Netzwerkverbindung zu tun haben sollten.

John Griffiths
quelle
0

Klicken Sie mit der rechten Maustaste auf Chrome Dev. Wählen Sie dann Filter. Und wählen Sie die Quelle der Nachrichten.

ptnz
quelle
1
Immer noch keine gute Lösung im Vergleich zum Deaktivieren dieser bestimmten Meldung in den Chrome-Einstellungen. Zum Beispiel verwende ich SSR und die Quelle dieser Warnung kann dieselbe sein wie aus der tatsächlichen Anwendung, daher werden auch meine gewünschten Protokolle deaktiviert. Abgesehen davon gibt es möglicherweise viele Quellen, und Sie müssten viele davon filtern.
Kunok