Pourquoi ce journal "Réseau lent détecté ..." apparaît-il dans Chrome?
J'ai remarqué que ce info log a commencé à apparaître dans Google Chrome Dev (version 55.0.2883.18 dev) et je ne vois pas 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 d'une règle @font-face) par une solution de secours locale.
Par défaut, le texte affiché 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 la page vide pendant plusieurs secondes.
- Problème lié à Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=578029 . (Une modification permettant ce comportement pour les connexions 3G a atterri en septembre; ce devrait être la raison pour laquelle vous avez reçu le message.)
- Code source lié: 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.100 sur MacOs Sierra avec localhost en tant que serveur. Chrome a commencé à enregistrer ce message lorsque j'ai modifié la configuration de la vitesse du réseau en 3G rapide/3G lent, puis 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 périphériques ou certaines 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 corrigé maintenant.
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 à
chrome://flags/#enable-webfonts-intervention-v2
L'astuce consiste également à désactiver l'option "Intervention d'un agent utilisateur déclencheur pour le chargement toujours de WebFonts} _" juste en dessous de celle-ci.
Dans mon cas, il s’agissait de l’extension AdBlock Plus pour Google Chrome. Éteignez-le et cela a fonctionné parfaitement.
Je cache cela en paramétrant la console
Console settings -> User messages only
Allez à chrome: // flags/# enable-webfonts-intervention-v2 et désactivez-le.
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
si vous pouvez accéder aux fichiers css de cette extension, ajoutez simplementfont-display:block;à la définition de font-face ou envoyez un retour 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;
}
J'ai la limitation de réseau désactivée mais j'ai commencé à avoir cette erreur aujourd'hui sur une connexion professionnelle à 75 Mo/s ...
Pour résoudre ce problème dans ma version de Chrome 60.0.3112.90 (version officielle) (64 bits), j'ai ouvert les outils de développement, puis je suis allé dans les paramètres de DevTools, puis j'ai coché la case "Enregistrer les requêtes XMLHttpRequests", puis l'option "Messages utilisateur uniquement" et "Masquer les messages réseau".
Le moyen le plus simple de désactiver ceci est de décocher les avertissements dans les outils de développement de chrome.
J'espère que cela t'aides.
Je viens de réussir à faire fonctionner le filtre regex: /^((?!Fallback\sfont).)*$/.
Ajoutez-le au champ de filtre juste au-dessus de la console pour masquer tous les messages contenant Fallback font.
Vous pouvez le rendre plus spécifique si vous voulez.
Si vous développez une application qui utilise les polices de Google et souhaitez vous assurer que vos utilisateurs ne voient pas ces avertissements. Une solution possible ( détaillée ici ) consistait à charger les polices localement.
J'ai utilisé cette solution pour une application qui a parfois un accès Internet lent (ou pas d'accès Internet) mais qui sert toujours des pages. Cela suppose que votre application utilise les polices Google et que les mises à jour de ces polices ne sont pas critiques. Supposez également que l’utilisation des polices ttf convient à votre application Prise en charge du navigateur de polices TTF WC3 .
Voici comment j'ai accompli le service local des polices:
Accédez à https://fonts.google.com/ et effectuez une recherche de vos polices.
Ajoutez vos polices
Téléchargez les
Placez-les dans la racine du site
Ajoutez-les à votre fichier @font
- Non, cela ne signifie pas que le réseau est lent.
- Non, ce n'est pas seulement un faux avertissement.
J'ai ce problème sur les applications Web angulaires après le remplacement du lien https://fonts.googleapis.com/icon?family=Material+Icons in index.html vers la version intégrée (installation de npm .... matériaux-icônes. ..). Cela fonctionne, mais parfois l'application Web montre cet avertissement.
Lorsque l'avertissement est affiché, les icônes ne sont pas rendues pendant environ 1 seconde. L'utilisateur peut ainsi voir les icônes mal rendues.
Je n'ai pas encore de solution.
J'ai également eu les mêmes erreurs avec les polices fontawesome. Ensuite, j'ai téléchargé les dernières polices fontawesome et les ai remplacées par les anciennes polices . Et les erreurs ont disparu.
La mise à jour vers la dernière version de Chrome (63.0.3239.84) via Aide -> À propos de l’a corrigé pour moi.
(En fait, je devais basculer en mode hors connexion puis revenir en ligne dans l'onglet Réseau des outils de développement pour éliminer les dernières erreurs.)
Dès que j'ai désactivé le plugin DuckDuckGo Privacy Essentials, il a disparu. Peu ennuyeux car les polices que je servais provenaient de localhost, donc ne devriez rien avoir à faire avec une connexion réseau lente.
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.
Cliquez avec le bouton droit de la souris sur Chrome Dev. Puis sélectionnez le filtre. Et sélectionnez la source des messages.
Accédez au fichier stylesheet.css de la police et ajoutez font-display: block; dans tous les @ font-face {}
Cette réponse Stackoverflow m'a aidé ..
Ci-dessous le résumé de la réponse
Si vous pouvez accéder aux fichiers css de cette extension, ajoutez simplement font-display: block; sur la définition de font-face 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;
}