Showing on console: Slow network is detected. Fall

问题:

what can I do in this case? I'm seeing this on my console when ran on the browser the AngularJS App:

Slow network is detected. Fallback font will be used while loading: /bootstrap/dist/fonts/glyphicons-halflings-regular.woff2

I also see the fonts changing while loading.

回答1:

Setting the following chrome flag to Unknown will prevent that message appearing on dev-console :

chrome://flags/#force-effective-connection-type

ᴛᴇꜱᴛᴇᴅ ᴏɴ
Google Chrome
Version 63.0.3239.84

回答2:

Same issue in localhost server.

But if you don't want to see these messages in log:

On the chrome tools => console settings => checked on User messages only

回答3:

Simply add font-display to all css font-face definitions to remove error from console.

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

回答4:

This is due to the multiple frameworks that are been used. You can ignore it. It does not create any problems. You can just remove things from console only.

回答5:

In Chrome type the URL and enter chrome://flags/#disable-accelerated-2d-canvas we will see new version of User Agent Intervention for WebFonts loading then disable it, the problem will get resolved

回答6:

This is a fail safe for chrome to speed up their chromium engine. that way if your website is loading slowly then local font will be used to show your website than later when everything is loaded your original font will appears. as mentioned you can go ahead and disable it chrome://flags/#enable-webfonts-intervention-v2 and you won't see this anymore

回答7:

I am facing same issue.To resolve this issue simply inspect the browser page -> goto console -> On right top open console setting -> select/check users messages only option it will disappear these slow network logs

回答8:

To hide these messages can do following steps :

1. Just open inspect the browser page
2. Click on console tab
3. On right top open console settings
4. Check users messages only option

It will hide all slow network console messages. But keep in mind, It will only hide those messages not resolve the issue.

FYI :

回答9:

This browser-independent JavaScript solution prevents these logs and FOUT-FOIT-FOFT by making the user wait until the font has been downloaded.

In client JavaScript use fontfaceobserver to detect if the font is loaded, and do not show the markup using that font until the font is loaded.

How not to show the markup depends on which stack you use.

回答10:

I FIX THIS ERROR BY TURN OFF THE AD BLOCKER TOOL

回答11:

I am happy with this meta tag.

<meta content='IE=Edge;chrome=35+' https-equiv='X-UA-Compatible'/>