¿Por qué aparece este registro "Red lenta detectada ..." en Chrome?


283

Noté que esto info logcomenzó a aparecer en Google Chrome Dev (Versión 55.0.2883.18 dev) y no puedo imaginar por qué.

Se detecta una red lenta. La fuente alternativa se utilizará durante la carga: http: //font-path.extension `

Aparece en todos los sitios web que usan font-face, incluso en páginas locales y extensiones de Chrome.

Imprimir pantalla de un sitio web local


112
Desactivé esta opción y los registros ya no aparecen, pero todavía no sé qué significa eso. chrome: // flags / # enable-webfonts -vention-v2
Acauã Montiel el

44
@ AcauãMontiel ahorrador de tiempo
kenberkeley

77
@ AcauãMontiel lol +1 por honestidad
danwild

3
ChromeDevTools tuiteó que están investigando este problema.
Quinn Commandado

Respuestas:


150

Esto significa que la red es lenta y Chrome está reemplazando una fuente web (cargada con una @font-faceregla) con una reserva local.

De forma predeterminada, el texto representado con una fuente web es invisible hasta que se descarga la fuente ( "flash de texto invisible" ). Con este cambio, el usuario en una red lenta podría comenzar a leer justo cuando se carga el contenido en lugar de mirar la página vacía durante varios segundos.


139
¿Puedo desactivar esta notificación?
Shakeel Ahmed

71
Como Acauã Montiel comentó anteriormente, puede deshabilitar esto en chrome: // flags / # enable-webfonts -vention-v2
senornestor

12
Creo que la notificación es algo útil para el desarrollo. El problema es cuando Chrome lo muestra para cada una de las extensiones instaladas en el mismo registro de consola, tanto ruido. ¿Cuál es el punto de mostrarlo para extensiones?
Ben

16
¿Alguna razón por la que este mensaje todavía aparece aunque la fuente se carga desde la memoria / caché de disco? ¿Podría esto significar que también hay un retraso en la carga de la fuente desde el caché?
Robin

38
Me estoy ejecutando desde localhost y obtengo el mismo error
Vikas Bansal

108

Me enfrenté al mismo problema para la compilación de Chrome 61.0.3163.100en MacOs Sierra con localhostcomo servidor. Chrome comenzó a registrar este mensaje cuando cambié la configuración de velocidad de red a 3G rápido / 3G lento y nuevamente a En línea.

Solución: cuando intenté seleccionar el modo fuera de línea y nuevamente el modo en línea, el problema de registro desapareció. (Esta solución puede no funcionar en algunos dispositivos o versiones)

Actualización el 30 de enero de 2018

Actualicé Google Chrome a la versión 64.0.3282.119 (Official Build) (64-bit), parece que este error ya está solucionado.


3
Marcar / desmarcar la alternancia del modo sin conexión en la pestaña Red también funcionó para mí: las fuentes se servían desde un servidor de desarrollo en localhost, por lo que no pensé que realmente fuera un problema de "red lenta" ;-) En mi caso, ni siquiera había estado jugando con otras configuraciones de velocidad ni nada ... extraño. ¡Gracias por encontrar y compartir esta solución!
natevw

11
Gracias por compartir esta solución, ¡también funcionó para mí! No pude encontrar un informe de error para esto, así que archivé
NullColaShip

3
No funcionó para Chrome 61.0.3163.91 en Ubuntu 16.04.
Muhammad bin Yusrat el

Esto parece una solución más segura que cambiar una bandera, pero no funcionó en 62.0.3202.89 en MacOS Sierra
jonS90

Trabajado como un encanto. Estas advertencias me estaban molestando como loco ya que no podía ver ninguna razón para que fuera lento :)
Perry

78

EDITAR: Esto no funciona con la última versión de 63.0+

Pude deshabilitarlo usando la ayuda de uno de los comentarios anteriores, vaya a

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

El truco es también deshabilitar la opción " Intervención de agente de usuario de desencadenador para cargar siempre elementos web " justo debajo de eso también.

ingrese la descripción de la imagen aquí


3
Esto en realidad no responde a la pregunta de OP de "¿Por qué ese registro vino en la consola en primer lugar? Puede editar su respuesta si lo sabe.
Karan Desai

44
En Chrome 63 no existe esa opción y este error se me apareció.
Morteza Ziyae

@MortezaZiaeemehr, es lamentable. Toda la interfaz ha cambiado ahora. Y no estoy enfrentando el problema ahora.
Abdul Waheed

Tengo este mensaje en 66.0.3359.139. Pero no hay opciónchrome://flags/#enable-webfonts-intervention-v2
Guus

40

En mi caso, fue la extensión AdBlock Plus para Google Chrome. Lo apagó y funcionó perfectamente.


1
En mi caso fue la extensión "WOT: Web of Trust". No veo por qué la cosa necesita cargar sus propias fuentes especiales, solo debe usar cualquier fuente predeterminada.
Sam Watkins, el

1
¿Apagar AdBlock por ver el error y seguir viendo anuncios? Solución perfecta / sarcasmo
Benji

Este comportamiento también puede deberse a un código JavaScript / jQuery mal escrito. Si tiene una función llamada pero no declarada, puede suceder. Si está copiando / pegando su código y eliminando algunas de las funciones no utilizadas, tenga mucho cuidado.
Sikandar Amla

18

Si puede acceder a CSS de esta extensión, simplemente agregue la font-display:block;definición de fuente o envíe comentarios al desarrollador de esta extensión :)

@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
Esta es la forma correcta de resolver el problema, establezca la propiedad de visualización de fuente en cualquier valor que no sea 'auto'. developer.mozilla.org/en-US/docs/Web/CSS/@font-face/…
Peter

2
Puede arreglarlo globalmente agregando * {font-display: block;}a su archivo CSS.
Peter

2
font-displaysolo se puede usar en una @font-facedeclaración. Entonces * {font-display: block;}no funcionará como se esperaba.
CedX

15

Oculto esto configurando la consola

Console settings -> User messages only


18
@AamirRizwan Cuidado. Esta configuración también ocultará el Errormensaje.
slideshowp2

66
Esta respuesta es idéntica a la de @David Yew, además de tener una serie de efectos secundarios no deseados
superjos el

10

Vaya a chrome: // flags / # enable-webfonts -vention-v2 y configúrelo en deshabilitado

Se debe a un error en Chrome con su última API para 'velocidad de red'. Espero que se solucione en la próxima versión


9

Tengo la limitación de red deshabilitada, pero hoy comencé a recibir este error en una conexión comercial de 75mb / s ...

Para solucionarlo en mi versión de Chrome 60.0.3112.90 (Versión oficial) (64 bits) abrí las DevTools, luego navegué a la Configuración de DevTools y luego marqué 'Registrar XMLHttpRequests', sin marcar 'Solo mensajes de usuario' y 'Ocultar mensajes de red'


3

La forma más fácil de deshabilitar esto es desmarcar las advertencias en las herramientas de desarrollo de Chrome

ingrese la descripción de la imagen aquí

Espero que esto ayude.


34
Esa es una muy mala idea.
James Gentes

1
@JamesGentes tienes razón y esta no es una solución permanente. A veces es mejor apagarlo si está depurando y no quiere ver cientos de 'Se detecta una red lenta ...'
brijmcq

15
Lo mismo podría decir, simplemente cierre el navegador y no lo verá también.
Nikita Chernykh

44
@NikitaChernykh Eso no es lo mismo. No es. De Verdad.
Muhammad bin Yusrat el

1
De hecho, esto deshabilita este mensaje, pero también todas las demás advertencias que podrían ser útiles.
Harden Rahul

3

Acabo de lograr que el filtro regex funcione: /^((?!Fallback\sfont).)*$/ .

Agréguelo al campo de filtro justo arriba de la consola y ocultará todos los mensajes que contengan Fallback font .

Puede hacerlo más específico si lo desea.


1
Creo que voy a ir con esta solución. Creo que no es recomendable seleccionar ciertos mensajes como "Solo mensajes de usuario". Uno puede fácilmente perderse los errores o advertencias lanzados por su aplicación web.
Samiullah Khan

3

Si está desarrollando una aplicación que utiliza fuentes de Google y quiere asegurarse de que sus usuarios no vean estas advertencias. Una posible solución ( detallada aquí ) fue cargar las fuentes localmente.

Utilicé esta solución para una aplicación que a veces tiene Internet lento (o no tiene acceso a Internet) pero aún sirve páginas. Esto supone que su aplicación usa fuentes de Google y las actualizaciones de estas fuentes no son críticas. También suponga que el uso de las fuentes ttf es apropiado para su aplicación WC3 TTF Font Browser Support .

Así es como logré servir fuentes localmente:

Ve a https://fonts.google.com/ y busca tus fuentes.

buscar

Agrega tus fuentes

ingrese la descripción de la imagen aquí

Descárgalos

ingrese la descripción de la imagen aquí

Colocarlos en la raíz del sitio

ingrese la descripción de la imagen aquí

Agréguelos a su archivo @font

ingrese la descripción de la imagen aquí


2

También tuve los mismos errores con las fuentes de fontawesome. Luego descargué las últimas fuentes de fontawesome y las reemplacé por las antiguas. Y los errores se han ido.


¿Podría por favor describir más? Como hiciste esto ?
abu abu

Hmm ... creo que eso podría resolver mi problema ... déjame intentarlo
Akshay

bien para mí ... <i class = "fas fa-plus-square"> </i> no funcionaba ... lo cambié a solo fas fa-plus
Akshay

2
  1. No, esto no significa que la red sea lenta.
  2. No, esto no es solo una advertencia falsa.

Tengo este problema en aplicaciones web angulares después de reemplazar el enlace https://fonts.googleapis.com/icon?family=Material+Icons en index.html a la versión integrada (npm install .... material-icons ...). Esto funciona, pero a veces la aplicación web muestra esa advertencia.

Cuando se muestra una advertencia, los iconos no se procesan durante aproximadamente 1 segundo, por lo que el usuario ve iconos mal representados.

Aún no tengo solución.


2

Vaya a la fuente stylesheet.css y agregue font-display: block; en total @ font-face {}

Esta respuesta de Stackoverflow me ayudó ...

A continuación se muestra el resumen de la respuesta.

Si puede acceder a CSS de esta extensión, simplemente agregue font-display: block; en la definición de fuente o enviar comentarios al desarrollador de esta extensión :)

@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

puede hacer clic en 'configuración de la consola' y marcar la casilla 'Usar solo mensajes', luego esos mensajes no se mostrarán nuevamente.

ingrese la descripción de la imagen aquí


Esta respuesta es idéntica a la de @David Yew, además de tener una serie de efectos secundarios no deseados
superjos el

1

Actualización a la última versión de Chrome (63.0.3239.84) a través de Ayuda -> Acerca de lo arregló para mí.

(en realidad, tuve que cambiar a Sin conexión y volver a En línea en la pestaña Red de herramientas de desarrolladores para que desaparecieran los últimos errores).


1

Tan pronto como desactivé el complemento DuckDuckGo Privacy Essentials, desapareció. Un poco molesto ya que las fuentes que servía eran de localhost, así que no debería tener nada que ver con una conexión de red lenta.


0

Haga clic con el botón derecho en Chrome Dev. Luego seleccione filtro. Y seleccione la fuente de los mensajes.


1
Todavía no es una buena solución en comparación con la desactivación de ese mensaje específico dentro de la configuración de Chrome. Por ejemplo, estoy usando SSR y la fuente de esta alerta puede ser la misma que la de la aplicación real, por lo tanto, también deshabilita mis registros deseados. Aparte de eso, puede haber muchas fuentes y necesitaría filtrar muchas de ellas.
Kunok
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.