Чому цей журнал "Повільна мережа виявлено ..." з’являється в Chrome?

Я помітив, що це info logпочало з’являтися в Google Chrome Dev (версія 55.0.2883.18 dev), і я не можу уявити, чому.

Виявлена ​​повільна мережа. Під час завантаження буде використовуватися зворотний шрифт: http: //font-path.extension `

Він з’являється на всіх веб-сайтах, які використовують font-face, навіть на локальних сторінках і розширеннях Chrome.

Це означає, що мережа працює повільно, а Chrome замінює веб-шрифт (завантажений @font-faceправилом) на локальний запасний.

За замовчуванням текст, відображений веб-шрифтом, невидимий до завантаження шрифту ( "спалах невидимого тексту" ). З цією зміною користувач у повільній мережі може почати читати право, коли вміст завантажується, замість того, щоб заглянути в порожню сторінку протягом декількох секунд.

• Пов'язана проблема Chrome: https://bugs.chromium.org/p/chromium/isissue/detail?id=578029 . (Зміна, що дозволяє цю поведінку для 3G-з'єднань, висадилася у вересні; це має бути причиною отримання повідомлення.)
• Пов'язаний вихідний код: https://chromium.googlesource.com/chromium/src/third_party/+/master/WebKit/Source/core/css/RemoteFontFaceSource.cpp#74

Я зіткнувся з тим же питанням щодо створення хрому 61.0.3163.100на MacOs Sierra з localhostсервером. Chrome почав реєструвати це повідомлення, коли я змінив конфігурацію швидкості мережі на 3G швидкий / 3G повільний і знову повернувся в Інтернет.

Виправлення: Коли я спробував вибрати режим "Офлайн" і знову режим "Інтернет", проблема журналу зникла. (Це виправлення може не працювати на деяких пристроях або версіях)

Оновлення 30 січня 2018 року

Я оновив Google Chrome до версії 64.0.3282.119 (Official Build) (64-bit), здається, ця помилка виправлена ​​зараз.

EDIT: Це не працює з останньою версією 63.0+

Мені вдалося відключити його за допомогою довідки з одного з вищезазначених коментарів

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

Трюк також у тому, щоб також відключити опцію " Тригерне ​​втручання агента користувача для завантаження WebFonts завжди " трохи нижче цього.

У моєму випадку це розширення AdBlock Plus для Google Chrome. Вимкнув його, і він справно працював.

якщо ви можете отримати доступ до css цього розширення, просто додайте font-display:block;визначення шрифту або напишіть відгук розробнику цього розширення :)

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

Я приховую це за допомогою встановленої консолі

Console settings -> User messages only

Перейдіть до chrome: // flags / # enable-webfonts-interven-v2 та встановіть його на вимкнено

Це пов’язано з помилкою у Chrome із найновішим API для "швидкості мережі". Сподіваємось, це буде виправлено у наступній версії

У мене вимкнене мережеве вимкнення, але сьогодні я почав отримувати цю помилку під час бізнес-з'єднання 75 Мб / с ...

Щоб виправити це в моїй збірці Chrome 60.0.3112.90 (Офіційна збірка) (64-розрядна), я відкрив DevTools, потім перейшов до налаштувань DevTools, потім поставив галочку "Журнал XMLHttpRequests", не поставлений галочку "Лише повідомлення користувачів" та "Сховати мережеві повідомлення"

Найпростіший спосіб відключити це - зняти прапорець у інструментах хромованого розробника

Сподіваюсь, це допомагає.

Я тільки що вдалося зробити регулярний вираз роботи фільтра: /^((?!Fallback\sfont).)*$/.

Додайте його до поля фільтра над консоллю, і воно приховає всі повідомлення, що містять Fallback font.

Ви можете зробити це більш конкретним, якщо хочете.

Якщо ви розробляєте додаток, який використовує шрифти Google і хочете переконатися, що ваші користувачі не бачать цих попереджень. Можливим рішенням ( докладніше тут ) було завантаження шрифтів локально.

Я використовував це рішення для програми, яка часом має повільний доступ до Інтернету (або немає доступу до Інтернету), але все ще обслуговує сторінки. Це передбачає, що ваш додаток використовує шрифти Google і оновлення цих шрифтів не є критичними. Також припустимо, що використання шрифтів ttf підходить для вашої програми WC3 Підтримка браузера шрифтів TTF .

Ось як я здійснив локальне розміщення шрифтів:

Перейдіть на сторінку https://fonts.google.com/ і виконайте пошук своїх шрифтів

Додайте свої шрифти

Завантажте їх

Помістіть їх у корінь сайту

Додайте їх у файл @font

У мене були такі ж помилки із шрифтами fontawesome. Тоді я завантажив останні шрифти, які замінили на старі шрифти. І помилок уже немає.

1. Ні, це не означає, що мережа повільна.
2. Ні, це не лише помилкове попередження.

У мене є ця проблема в кутових веб-програмах після заміни посилання https://fonts.googleapis.com/icon?family=Material+Icons in index.html на інтегровану версію (встановити npm .... material-icons ...). Це працює, але іноді веб-додаток показує це попередження.

Коли відображається попередження, піктограми не відображаються протягом приблизно 1 секунди, тому користувач бачить погано відображені піктограми.

У мене поки немає рішення.

Перейдіть на сторінку Font's stylesheet.css та додайте шрифт-дисплей: блок; у всіх @ font-face {}

Ця відповідь Stackoverflow допомогла мені.

Нижче наведено короткий виклад відповіді

Якщо ви можете отримати доступ до css цього розширення, просто додайте шрифт-display: block; про визначення шрифтового обличчя або надішліть відгук розробнику цього розширення :)

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

ви можете натиснути "Налаштування консолі" та встановити прапорець "Використовувати лише повідомлення", після чого ці повідомлення більше не відображатимуться.

Оновлення до останньої версії Chrome (63.0.3239.84) за допомогою Help -> About fix it for me.

(насправді мені довелося перейти до офлайн-режиму та назад до мережі Інтернет на вкладці «Мережа» інструментів розробників, щоб усунути останні помилки.)

Щойно я відключив плагін DuckDuckGo Privacy Essentials, він зник. Трохи дратує, оскільки шрифти, які я обслуговував, були від localhost, тому не повинно бути нічого спільного з повільним мережевим зв’язком.

Клацніть правою кнопкою миші на Chrome Dev. Потім виберіть фільтр. І виберіть джерело повідомлень.