Почему в Chrome отображается журнал "Медленная сеть..."?

Я заметил, что этот info log начал появляться в Google Chrome Dev (версия 55.0.2883.18 dev), и я не могу себе представить, почему.

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

Он отображается на всех веб-сайтах, которые используют font-face, даже на локальных страницах и расширениях Chrome.

Печать экрана локального сайта

Ответ 1

Это означает, что сеть работает медленно, и Chrome заменяет веб-шрифт (загружаемый с помощью правила @font-face) локальным резервным копированием.

По умолчанию текст, отображаемый с помощью веб-шрифта, невидим, пока не будет загружен шрифт ( "flash of invisible text" ). С этим изменением пользователь в медленной сети может начать читать сразу, когда содержимое загружается, а не смотреть на пустую страницу в течение нескольких секунд.

Ответ 2

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

Исправлено: Когда я пытался выбрать автономный режим и снова онлайн режим, проблема с журналом исчезла. (Это исправление может не работать на некоторых устройствах или версиях)

Обновление от 30 января 2018 года

Я обновил Google Chrome до версии 64.0.3282.119 (Official Build) (64-bit) версия 64.0.3282.119 (Official Build) (64-bit), похоже, эта ошибка исправлена.

Ответ 3

РЕДАКТИРОВАТЬ: Это не работает с последней версией 63. 0+

Мне удалось отключить его с помощью справки из одного из вышеупомянутых комментариев, перейдите к

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

Хитрость заключается также в том, чтобы также отключить опцию "Trigger User Agent Intervention для загрузки веб-шрифтов всегда".

enter image description here

Ответ 4

В моем случае это расширение AdBlock Plus для Google Chrome. Отвернулся, и он отлично работал.

Ответ 5

Я скрою это установкой настройки консоли

Console settingsUser messages only

Ответ 6

Goto chrome://flags/# enable-webfonts-вмешательства-v2 и отключить его

Из-за ошибки в Chrome со своим последним API для "скорости сети". Надеюсь, он будет исправлен в следующей версии

Ответ 7

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

Чтобы исправить это в моей сборке Chrome 60.0.3112.90 (Official Build) (64-разрядная версия), я открыл DevTools, затем перешел к настройкам DevTools, а затем отметьте "Log XMLHttpRequests", не отсканированные "Только сообщения пользователя" и "Скрыть сеть сообщения

Ответ 8

если вы можете получить доступ к 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;
}

Ответ 9

Самый простой способ отключить это - снять флажки с предупреждений в инструментах Chrome Dev.

enter image description here

Надеюсь это поможет.

Ответ 10

Мне просто удалось заставить регулярное выражение фильтра работать: /^((?!Fallback\sfont).)*$/.

Добавьте его в поле фильтра чуть выше консоли, и он скроет все сообщения, содержащие Fallback font.

Вы можете сделать это более конкретным, если хотите.

Ответ 11

Если вы разрабатываете приложение, в котором используются шрифты Google и хотите, чтобы ваши пользователи не видели эти предупреждения. Возможное решение (подробно здесь) состояло в том, чтобы загрузить шрифты локально.

Я использовал это решение для приложения, которое иногда имеет медленный интернет (или вообще не имеет доступа к Интернету), но все еще обслуживает страницы. Это предполагает, что ваше приложение использует шрифты Google, и обновления этих шрифтов не являются критическими. Также предположим, что использование шрифтов ttf подходит для вашего приложения Поддержка браузеров шрифтов WC3 TTF.

Вот как я выполнил локально обслуживающие шрифты:

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

search

Добавьте свои шрифты

enter image description here

Скачать их

enter image description here

Поместите их в корень сайта

enter image description here

Добавьте их в свой файл @font

enter image description here

Ответ 12

У меня также были те же ошибки с шрифтовыми шрифтами. Затем я загрузил самые последние шрифты и заменил их на старые шрифты. И ошибки исчезли.

Ответ 13

  1. Нет, это не значит, что сеть работает медленно.
  2. Нет, это не только ложное предупреждение.

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

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

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

Ответ 14

вы можете нажать "настройки консоли" и установить флажок "Использовать только сообщения", после чего эти сообщения больше не будут отображаться.

введите описание изображения здесь

Ответ 15

Щелкните правой кнопкой мыши на Chrome Dev. Затем выберите фильтр. И выберите источник сообщений.

Ответ 16

Обновление последней версии Chrome (63.0.3239.84) с помощью справки → Об исправлении для меня.

(на самом деле мне пришлось переключиться на "Офлайн" и вернуться на вкладку "Интернет" на вкладке "Сеть" инструментов разработчиков, чтобы последние ошибки исчезли.)

Ответ 17

Как только я отключил плагин DuckDuckGo Privacy Essentials, он исчез. Немного раздражает, так как шрифты, которые я обслуживал, были от localhost, поэтому не должны иметь ничего общего с медленным сетевым подключением.

Ответ 18

Перейдите к файлу stylesheet.css и добавьте все @font-face {** font-display: block; } **

fooobar.com/info/36786/...

Ниже приведен краткий обзор ответа

Если вы можете получить доступ к 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;
}