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

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.

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.

• Verwandte Chrome-Problem: https://bugs.chromium.org/p/chromium/issues/detail?id=578029 . (Eine Änderung, die dieses Verhalten für 3G-Verbindungen aktiviert, ist im September gelandet. Dies sollte der Grund sein, warum Sie die Nachricht erhalten haben.)
• Zugehöriger Quellcode: https://chromium.googlesource.com/chromium/src/third_party/+/master/WebKit/Source/core/css/RemoteFontFaceSource.cpp#74

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.

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 .

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

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;
}

Ich verstecke dies durch Festlegen der Konsoleneinstellung

Console settings -> User messages only

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

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.

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

Hoffe das hilft.

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.

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

Fügen Sie Ihre Schriftarten hinzu

Laden Sie sie herunter

Platzieren Sie sie in Site Root

Fügen Sie sie Ihrer @ font-Datei hinzu

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.

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.

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;
}

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

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.)

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.

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