Showing on console: Slow network is detected. Fallback font will be used while loading

Question

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.

disabling the flag under `chrome://flags/#enable-webfonts-intervention-v2` will prevent this appearing. — ɢʀᴜɴᴛ, Aug 23 '17 at 21:38
disabling the flag under chrome://flags/#enable-webfonts-intervention-v2 not working in chrome version >61 — karacas, Nov 29 '17 at 20:05
Most of the answers below are copied form here https://stackoverflow.com/questions/40143098/why-does-this-slow-network-detected-log-appear-in-chrome — Sajeetharan, Nov 30 '17 at 01:36
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 — Faizan Anwer Ali Rupani, Dec 05 '17 at 11:11
It is no longer working. There is no flag for enable-webfonts-intervention-v2. So issue reappeared. How can we resolve it now? — Ankur Akvaliya, Dec 19 '17 at 12:57
@FaizanRupani this issue is coming even with the fonts available locally or cached. This message is coming even for extensions loading custom fonts available locally within. — Akansh, Jan 06 '18 at 22:31
I'm not seeking a way to turn it off which seems to be what all the "answers" are doing. I'm seeking to understand what network process triggers this and how to resolve that condition. — frumbert, Aug 08 '18 at 00:00

score 36 · Answer 1 · answered Dec 08 '17 at 13:53

36

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

answered Dec 08 '17 at 13:53

ɢʀᴜɴᴛ

32,025
15
116
110

... and if you're using an earlier version of chrome then probably check out my comment under OP. – ɢʀᴜɴᴛ Dec 08 '17 at 13:55
6

THIS IS THE ANSWER for newer versions of Chrome. Thanks! – Mosh Feu Jan 03 '18 at 15:39
Works on Version 67.0.3396.62 (Official Build) (64-bit) (Windows 10). This is the right answer for 2018. – Agorreca Jun 04 '18 at 17:49

score 11 · Answer 2 · edited Apr 30 '19 at 07:07

11

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

edited Apr 30 '19 at 07:07

RajnishCoder

3,455
6
20
35

answered Aug 30 '17 at 14:01

Diego

699
6
10

2

Just to clarify this, open up Dev Tools, select the Console tab, and click the gear icon on the upper right. Then select "User messages only". – Gavin Oct 28 '17 at 16:45
10

This not only disable this specific message but also all other useful messages (warnings, errors to name some) – tomsihap Nov 02 '17 at 09:40
1

This answer has a number of undesired side effects, as already noted by @tomsihap – superjos Nov 06 '17 at 22:22

score 5 · Answer 3 · answered Aug 16 '18 at 08:05

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

score 0 · Answer 4 · edited Sep 03 '17 at 06:30

0

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.

edited Sep 03 '17 at 06:30

Sᴀᴍ Onᴇᴌᴀ

8,218
8
36
58

answered Sep 03 '17 at 06:01

Ashiz Hamal

23
1
1
5

score 0 · Answer 5 · answered Dec 05 '17 at 11:12

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

score 0 · Answer 6 · answered Dec 14 '17 at 06:29

0

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

answered Dec 14 '17 at 06:29

Rohit Deshmukh

364
2
5
13

score 0 · Answer 7 · answered Jan 18 '18 at 11:54

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.

score 0 · Answer 8 · edited May 19 '22 at 07:47

0

I FIXED THIS ERROR BY TURNING OFF THE AD BLOCKER TOOL

edited May 19 '22 at 07:47

Sangwin Gawande

7,658
8
48
66

answered Apr 04 '20 at 04:18

Omar bakhsh

896
11
18

score 0 · Answer 9 · answered Jan 19 '23 at 08:33

0

I solved this by modifying my database, it turns out that twas a server error not on the code or in the flags, hope this helps

answered Jan 19 '23 at 08:33

Thinker Bell

77
1
4

score -1 · Answer 10 · edited Nov 21 '17 at 09:33

-1

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

edited Nov 21 '17 at 09:33

nvoigt

75,013
26
93
142

answered Nov 21 '17 at 07:18

Sreehari Ballampalli

3,404
3
12
19

Sangwin Gawande · Answer 11 · 2022-05-19T07:50:39.457

-1

chrome inspect tools -> console setting -> check "User messages only"

To hide these messages can do followsing steps :

Just open inspect the browser page
Click on console tab
On right top open console settings
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 :

edited May 19 '22 at 07:50

answered Dec 26 '17 at 05:59

Sangwin Gawande

7,658
8
48
66

Shahid Abbas Saher · Answer 12 · 2018-08-04T05:57:34.840

-2

I am happy with this meta tag.

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

edited Aug 04 '18 at 05:57

answered Aug 03 '18 at 18:39

Shahid Abbas Saher

1
2

Showing on console: Slow network is detected. Fallback font will be used while loading

12 Answers12

Linked