Pourquoi ce journal «Réseau lent détecté…» apparaît-il dans Chrome?

J'ai remarqué que cela info logcommençait à apparaître dans Google Chrome Dev (version 55.0.2883.18 dev) et je ne peux pas imaginer pourquoi.

Un réseau lent est détecté. La police de secours sera utilisée lors du chargement: http: //font-path.extension `

Il apparaît sur tous les sites Web qui utilisent font-face, même sur les pages locales et les extensions Chrome.

Cela signifie que le réseau est lent et que Chrome remplace une police Web (chargée avec une @font-facerègle) par une solution de secours locale.

Par défaut, le texte rendu avec une police Web est invisible jusqu'à ce que la police soit téléchargée ( «flash de texte invisible» ). Avec ce changement, l'utilisateur sur un réseau lent pourrait commencer à lire dès que le contenu est chargé au lieu de regarder dans la page vide pendant plusieurs secondes.

• Problème Chrome associé: https://bugs.chromium.org/p/chromium/issues/detail?id=578029 . (Un changement permettant ce comportement pour les connexions 3G est arrivé en septembre; cela devrait être la raison pour laquelle vous avez reçu le message.)
• Code source associé: https://chromium.googlesource.com/chromium/src/third_party/+/master/WebKit/Source/core/css/RemoteFontFaceSource.cpp#74

J'ai rencontré le même problème pour Chrome build 61.0.3163.100sur MacOs Sierra avec localhostcomme serveur. Chrome a commencé à enregistrer ce message lorsque j'ai changé la configuration de la vitesse du réseau en 3G rapide / 3G lent et de nouveau en ligne.

Correction: lorsque j'ai essayé de sélectionner le mode hors ligne et à nouveau le mode en ligne, le problème de journalisation a disparu. (Ce correctif peut ne pas fonctionner sur certains appareils ou versions)

Mise à jour le 30 janvier 2018

J'ai mis à jour Google Chrome vers la version 64.0.3282.119 (Official Build) (64-bit), il semble que ce bogue soit maintenant corrigé.

EDIT: Cela ne fonctionne pas avec la dernière version de 63.0+

J'ai pu le désactiver en utilisant l'aide de l'un des commentaires ci-dessus, allez sur

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

L'astuce consiste également à désactiver l' option " Déclencher l'intervention de l'agent utilisateur pour les chargements WebFonts toujours " juste en dessous.

Dans mon cas, c'était l'extension AdBlock Plus pour Google Chrome. Éteint et cela a fonctionné parfaitement.

si vous pouvez accéder au css de cette extension, ajoutez simplement font-display:block;la définition de la police ou envoyez des commentaires au développeur de cette extension :)

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

Je cache cela en définissant les paramètres de la console

Console settings -> User messages only

Allez sur chrome: // flags / # enable-webfonts-intervention-v2 et définissez-le sur désactivé

Cela est dû à un bogue dans Chrome avec leur dernière API pour la «vitesse du réseau». J'espère que cela sera corrigé dans la prochaine version

La limitation du réseau est désactivée, mais j'ai commencé à obtenir cette erreur aujourd'hui sur une connexion d'entreprise à 75 Mo / s ...

Pour le corriger dans ma version de Chrome 60.0.3112.90 (version officielle) (64 bits), j'ai ouvert les DevTools, puis accédé aux paramètres de DevTools, puis coché «Log XMLHttpRequests», décoché «User messages only» et «Hide network messages»

La façon la plus simple de désactiver cela est de décocher les avertissements dans les outils de développement Chrome

J'espère que cela t'aides.

Je viens réussi à faire fonctionner le regex filtre: /^((?!Fallback\sfont).)*$/.

Ajoutez-le au champ de filtre juste au-dessus de la console et il masquera tous les messages contenant Fallback font.

Vous pouvez le rendre plus spécifique si vous le souhaitez.

Si vous développez une application qui utilise des polices Google et que vous souhaitez vous assurer que vos utilisateurs ne voient pas ces avertissements. Une solution possible ( détaillée ici ) était de charger les polices localement.

J'ai utilisé cette solution pour une application qui a parfois une connexion Internet lente (ou pas d'accès Internet) mais qui sert toujours des pages. Cela suppose que votre application utilise les polices Google et les mises à jour de ces polices ne sont pas critiques. Supposons également que l'utilisation des polices ttf est appropriée pour la prise en charge du navigateur de polices WC3 TTF de votre application .

Voici comment j'ai accompli le service local des polices:

Accédez à https://fonts.google.com/ et recherchez vos polices

Ajoutez vos polices

Téléchargez-les

Placez-les à la racine du site

Ajoutez-les à votre fichier @font

J'ai également eu les mêmes erreurs avec les polices de fontawesome. J'ai ensuite téléchargé les dernières polices de fontawesome et les ai remplacées par les anciennes. Et les erreurs ont disparu.

1. Non, cela ne signifie pas que le réseau est lent.
2. Non, ce n'est pas seulement un faux avertissement.

J'ai ce problème sur les applications Web angulaires après avoir remplacé le lien https://fonts.googleapis.com/icon?family=Material+Icons dans index.html vers la version intégrée (npm install .... material-icons ...). Cela fonctionne, mais parfois l'application Web affiche cet avertissement.

Lorsque l'avertissement est affiché, les icônes ne sont pas rendues pendant environ 1 seconde, donc l'utilisateur voit les icônes mal rendues.

Je n'ai pas encore de solution.

Allez dans stylesheet.css de la police et ajoutez font-display: block; dans tous @ font-face {}

Cette réponse Stackoverflow m'a aidé ..

Voici le résumé de la réponse

Si vous pouvez accéder au CSS de cette extension, ajoutez simplement font-display: block; sur la définition de la police ou envoyer des commentaires au développeur de cette extension :)

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

vous pouvez cliquer sur «Paramètres de la console», puis cocher la case «Utiliser uniquement les messages», après quoi ces messages ne s'afficheront plus.

Mise à jour vers la dernière version de Chrome (63.0.3239.84) via Aide -> À propos de la correction pour moi.

(en fait, j'ai dû basculer vers Hors ligne et revenir à En ligne dans l'onglet Réseau des outils de développement pour faire disparaître les dernières erreurs.)

Dès que j'ai désactivé le plugin DuckDuckGo Privacy Essentials, il a disparu. Un peu ennuyeux car les polices que je servais venaient de localhost et ne devraient donc pas être liées à une connexion réseau lente.

Cliquez avec le bouton droit de la souris sur Chrome Dev. Sélectionnez ensuite le filtre. Et sélectionnez la source des messages.