Perché questo registro “Rete lenta rilevata …” viene visualizzato in Chrome?

Ho notato che questo info log iniziato a comparire in Google Chrome Dev (versione 55.0.2883.18 dev) e non riesco a immaginare perché.

La rete lenta è rilevata. Il carattere di fallback verrà utilizzato durante il caricamento: http: //font-path.extension `

Appare su tutti i siti web che utilizzano il font-face , anche sulle pagine locali e le estensioni di Chrome.

Stampa la schermata di un sito web locale

Ciò significa che la rete è lenta e Chrome sta sostituendo un font web (caricato con una regola @font-face ) con un fallback locale.

Per impostazione predefinita, il testo visualizzato con un carattere Web è invisibile fino a quando il carattere non viene scaricato ( “flash di testo invisibile” ). Con questa modifica, l’utente su una rete lenta potrebbe iniziare a leggere proprio quando viene caricato il contenuto invece di guardare nella pagina vuota per diversi secondi.

Ho affrontato lo stesso problema per Chrome 61.0.3163.100 su 61.0.3163.100 Sierra con localhost come server. Chrome ha iniziato a registrare questo messaggio quando ho cambiato la configurazione della velocità di rete in 3G fast / 3G slow e di nuovo in online.

Correzione: quando ho provato a selezionare la modalità offline e di nuovo la modalità online, il problema di registrazione è scomparso. (Questa correzione potrebbe non funzionare su alcuni dispositivi o versioni)

Aggiornamento il 30 gennaio 2018

Ho aggiornato google chrome alla versione 64.0.3282.119 (Official Build) (64-bit) , sembra che questo bug sia stato corretto ora.

EDIT: non funziona con l’ultima versione di 63.0+

Sono stato in grado di disabilitarlo usando l’aiuto di uno dei commenti sopra, vai a

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

Il trucco è anche disabilitare l’opzione ” Trigger User Agent Intervention per WebFonts che carica sempre ” anche sotto quella.

inserisci la descrizione dell'immagine qui

Nel mio caso, era l’estensione AdBlock Plus per Google Chrome. Spegnendolo, ha funzionato perfettamente.

Lo nascondo impostando la console

Console settings -> User messages only

Goto chrome: // flags / # enable-webfonts-intervention-v2 e impostarlo su disabilitato

È dovuto a un bug in Chrome con la loro ultima API per “velocità di rete”. Spero che verrà risolto nella prossima versione

Ho la limitazione della rete disabilitata ma ho iniziato a ricevere questo errore oggi su una connessione aziendale da 75 MB / s …

Per sistemarlo nella mia build di Chrome 60.0.3112.90 (Build ufficiale) (64-bit) ho aperto DevTools, quindi ho navigato nelle impostazioni DevTools, ho spuntato ‘Log XMLHttpRequests’, non selezionato ‘Solo messaggi utente’ e ‘Nascondi messaggi di rete’

Il modo più semplice per distriggersrlo è deselezionare gli avvisi negli strumenti di chrome dev

inserisci la descrizione dell'immagine qui

Spero che questo ti aiuti.

Sono appena riuscito a far funzionare il regex del filtro: / /^((?!Fallback\sfont).)*$/ ( /^((?!Fallback\sfont).)*$/ .)* /^((?!Fallback\sfont).)*$/ .

Aggiungilo al campo del filtro appena sopra la console e nasconderà tutti i messaggi che contengono il Fallback font .

Puoi renderlo più specifico se vuoi.

Se stai sviluppando un’app che utilizza i font google e vuoi garantire che gli utenti non visualizzino questi avvisi. Una ansible soluzione ( dettagliata qui ) era di caricare i font localmente.

Ho usato questa soluzione per un’applicazione che a volte ha Internet lento (o senza accesso a Internet) ma serve ancora le pagine, Questo presuppone che la tua app utilizzi i font di Google e che gli aggiornamenti a questi caratteri non siano critici. Supponiamo inoltre che l’utilizzo dei font ttf sia appropriato per l’applicazione WC3 TTF Browser Browser Support .

Ecco come ho realizzato i caratteri in locale:

Vai a https://fonts.google.com/ e fai una ricerca per i tuoi caratteri

ricerca

Aggiungi i tuoi caratteri

inserisci la descrizione dell'immagine qui

Scaricalo

inserisci la descrizione dell'immagine qui

Inseriscili nella radice del sito

inserisci la descrizione dell'immagine qui

Aggiungili al tuo file @font

inserisci la descrizione dell'immagine qui

Ho anche avuto gli stessi errori con i font di fontawesome. Poi ho scaricato i font più recenti di fontawesome e li ho sostituiti con i vecchi font. E gli errori sono spariti.

puoi fare clic su “Impostazioni console” e selezionare la casella “Usa solo messaggi”, dopo di che quei messaggi non verranno più visualizzati.

inserisci la descrizione dell'immagine qui

Fai clic con il pulsante destro del mouse su Chrome Dev. Quindi selezionare il filtro. E seleziona la fonte dei messaggi.

Aggiornamento alla versione più recente di Chrome (63.0.3239.84) tramite la Guida -> Informazioni sulla correzione per me.

(In realtà, dovevo passare a Offline e tornare alla pagina Online nella scheda Rete degli strumenti degli sviluppatori per far sparire gli ultimi errori.)

Non appena ho distriggersto il plug-in DuckDuckGo Privacy Essentials è scomparso. Bit fastidioso come i font che stavo servendo proveniva da localhost quindi non dovrebbe essere nulla a che fare con una connessione di rete lenta.

  1. No, questo non significa che la rete sia lenta.
  2. No, questo non è solo falso avvertimento.

Ho questo problema su applicazioni web angolari dopo sostituire il link https://fonts.googleapis.com/icon?family=Material+Icons in index.html alla versione integrata (npm install …. material-icons …). Funziona, ma a volte l’applicazione web mostra questo avviso.

Quando viene visualizzato un avviso, le icone non vengono visualizzate per circa 1 secondo, in modo che l’utente veda le icone visualizzate male.

Non ho ancora una soluzione.

se puoi accedere a css di questa estensione, aggiungi semplicemente font-display:block; sulla definizione font-face o inviare feedback allo sviluppatore di questa estensione 🙂

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