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


283

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.

Écran d'impression d'un site Web local


112
J'ai désactivé cette option et les journaux n'apparaissent plus, mais je ne sais toujours pas ce que cela signifie. chrome: // flags / # enable-webfonts-intervention-v2
Acauã Montiel

4
@ AcauãMontiel gain de temps
kenberkeley

7
@ AcauãMontiel lol +1 pour honnêteté
danwild

3
ChromeDevTools a tweeté qu'ils examinaient ce problème.
Quinn Comendant

Réponses:


150

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.


139
Puis-je désactiver cette notification?
Shakeel Ahmed

71
Comme Acauã Montiel a commenté ci-dessus, vous pouvez désactiver cela sur chrome: // flags / # enable-webfonts-intervention-v2
senornestor

12
Je pense que la notification est un peu utile pour le développement. Le problème est que lorsque Chrome l'affiche pour chaque extension installée dans le même journal de console, il y a tellement de bruit. Quel est l'intérêt de le montrer pour les extensions?
Ben

16
pour quelle raison ce message apparaît-il même si la police est chargée à partir de la mémoire / cache disque? Cela peut-il également signifier un retard dans le chargement de la police depuis le cache?
Robin

38
Je cours depuis localhost et j'obtiens la même erreur
Vikas Bansal

108

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


3
Vérifier / décocher la bascule du mode hors ligne dans l'onglet Réseau a également fonctionné pour moi - les polices étaient servies à partir d'un serveur de développement sur localhost, donc je ne pensais pas que c'était vraiment un problème de "réseau lent" ;-) Dans mon cas, je n'avait même pas dérangé avec d'autres configurations de vitesse ou quoi que ce soit… de bizarre. Merci d'avoir trouvé et partagé cette solution de contournement!
natevw

11
Merci d'avoir partagé cette solution de contournement - a également fonctionné pour moi! Je n'ai pas trouvé de rapport de bogue pour cela, j'en ai donc déposé un: bugs.chromium.org/p/chromium/issues/detail?id=778477
NullColaShip

3
Cela ne fonctionnait pas pour Chrome 61.0.3163.91 sur Ubuntu 16.04.
Muhammad bin Yusrat

Cela semble être une solution de contournement plus sûre que de changer un indicateur, mais cela n'a pas fonctionné le 62.0.3202.89 sur MacOS Sierra
jonS90

A fonctionné comme un charme. Ces avertissements me dérangeaient comme un fou car je ne voyais aucune raison pour laquelle cela était lent :)
perry

78

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.

entrez la description de l'image ici


3
Cela ne répond en fait pas à la question d'OP de "Pourquoi ce journal est venu dans la console en premier lieu". Vous pouvez modifier votre réponse si vous le savez.
Karan Desai

4
Dans Chrome 63, il n'y a pas une telle option et ce bug m'est apparu.
Morteza Ziyae

@MortezaZiaeemehr, c'est malheureux. L'interface entière est maintenant modifiée. Et je ne suis pas confronté au problème maintenant.
Abdul Waheed

J'ai ce message dans 66.0.3359.139. Mais il n'y a pas d'optionchrome://flags/#enable-webfonts-intervention-v2
Guus

40

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


1
Dans mon cas, c'était l'extension "WOT: Web of Trust". Je ne vois pas pourquoi la chose doit charger ses propres polices spéciales, elle devrait simplement utiliser la police par défaut.
Sam Watkins

1
Désactiver AdBlock à cause de l'erreur et continuer à regarder les annonces publicitaires? Solution parfaite / sarcasme
Benji

Ce comportement peut également être dû à un code JavaScript / jQuery mal écrit. Si vous avez une fonction appelée mais non déclarée, cela peut arriver. Si vous copiez / collez votre code et supprimez certaines des fonctions non utilisées, soyez extrêmement prudent.
Sikandar Amla

18

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

1
C'est la bonne façon de résoudre le problème, définissez la propriété font-display sur n'importe quelle valeur qui n'est pas «auto». developer.mozilla.org/en-US/docs/Web/CSS/@font-face/…
Peter

2
Vous pouvez le corriger globalement en l'ajoutant * {font-display: block;}à votre fichier css.
Peter

2
font-displayne peut être utilisé que dans une @font-facedéclaration. * {font-display: block;}Ne fonctionnera donc pas comme prévu.
CedX

15

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

Console settings -> User messages only


18
@AamirRizwan Attention. Ce paramètre masquera Errorégalement le message.
slideshowp2

6
Cette réponse est identique à celle de @David Yew, en plus d'avoir un certain nombre d'effets secondaires indésirables
superjos

10

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


9

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»


3

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

entrez la description de l'image ici

J'espère que cela t'aides.


34
C'est une assez mauvaise idée.
James Gentes

1
@JamesGentes vous avez raison et ce n'est pas une solution permanente. Parfois, il est préférable de le désactiver si vous déboguez et que vous ne voulez pas voir des centaines de 'réseau lent détecté ...'
brijmcq

15
de même, vous pourriez dire fermez le navigateur et vous ne le verrez pas trop.
Nikita Chernykh

4
@NikitaChernykh Ce n'est pas du tout pareil. Ce n'est pas. Vraiment.
Muhammad bin Yusrat

1
Cela désactive en effet ce message, mais aussi tous les autres avertissements qui pourraient être utiles.
Harden Rahul

3

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.


1
Je pense que je vais aller avec cette solution. Je pense que la sélection de certains messages comme «Messages utilisateur uniquement» n'est pas recommandée du tout. On peut facilement manquer les erreurs ou les avertissements lancés par votre application Web.
Samiullah Khan

3

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

chercher

Ajoutez vos polices

entrez la description de l'image ici

Téléchargez-les

entrez la description de l'image ici

Placez-les à la racine du site

entrez la description de l'image ici

Ajoutez-les à votre fichier @font

entrez la description de l'image ici


2

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.


Pourriez-vous s'il vous plaît décrire plus? Comment avez-vous fait cela ?
abu abu

Hmm .. Je pense que cela pourrait résoudre mon problème .. lemme try
Akshay

bien pour moi .. <i class = "fas fa-plus-square"> </i> ne fonctionnait pas .. je l'ai changé pour juste fas fa-plus
Akshay

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


2

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

1

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.

entrez la description de l'image ici


Cette réponse est identique à celle de @David Yew, en plus d'avoir un certain nombre d'effets secondaires indésirables
superjos

1

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


1

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.


0

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


1
Toujours pas une bonne solution par rapport à la désactivation de ce message spécifique dans les paramètres de chrome. Par exemple, j'utilise SSR et la source de cette alerte peut être identique à celle de l'application réelle, par conséquent, elle désactive également mes journaux souhaités. En dehors de cela, il peut y avoir de nombreuses sources et vous devrez en filtrer plusieurs.
Kunok
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.