Почему этот журнал «Обнаружена медленная сеть…» появляется в Chrome?

283

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

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

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

Распечатать экран местного сайта

Acauã Montiel
источник
112
Я отключил эту опцию, и журналы больше не появляются, но я все еще не знаю, что это значит. chrome: // flags / # enable-webfonts -vention-v2
Acauã Montiel
4
@ AcauãMontiel экономит время
Кенберкли
7
@ AcauãMontiel lol +1 за честность
danwild
3
ChromeDevTools написал, что они изучают эту проблему.
Куинн Комендант

Ответы:

150

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

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

Иван Акулов
источник
139
Могу ли я отключить это уведомление?
Шакил Ахмед
71
Как прокомментировал Acauã Montiel выше, вы можете отключить это в chrome: // flags / # enable-webfonts -vention-v2
senornestor
12
Я думаю, что это уведомление полезно для разработки. Проблема в том, что Chrome показывает это для каждого расширения, установленного в том же журнале консоли, так много шума. Какой смысл показывать это для расширений?
Бен
16
По какой причине это сообщение все еще появляется, даже если шрифт загружен из памяти / дискового кэша? Может ли это означать задержку загрузки шрифта из кэша?
Робин
38
Я бегу с локального хоста и получаю ту же ошибку
Викас
108

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

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

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

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

Лаксмикант Данге
источник
3
Проверка / снятие отметки с переключателя в автономном режиме на вкладке «Сеть» также работало для меня - шрифты обслуживались с сервера dev на localhost, поэтому я не думал, что это действительно проблема «медленной сети» ;-) В моем случае я даже не шутил с другими настройками скорости или чем-то ... странным. Спасибо, что нашли и поделились этим решением!
natevw
11
Спасибо за то, что поделились этим решением - у меня тоже получилось! Я не смог найти отчет об ошибке для этого, поэтому я подал один: bugs.chromium.org/p/chromium/issues/detail?id=778477
NullColaShip
3
Это не работает для Chrome 61.0.3163.91 на Ubuntu 16.04.
Мухаммед бин Юсрат
Это кажется более безопасным обходным путем, чем изменение флага, но это не сработало на 62.0.3202.89 на MacOS Sierra
jonS90
Работал как шарм. Эти предупреждения вызывали у меня сумасшествие, потому что я не видел причин, по которым это происходит медленно :)
perry
78

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

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

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

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

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

Абдул Вахид
источник
3
Это фактически не отвечает на вопрос OP «Почему этот журнал появился в консоли в первую очередь». Вы можете редактировать свой ответ, если знаете это.
Каран Десаи
4
В chrome 63 такой опции нет, и эта ошибка мне показалась.
Мортеза Зияе
@MortezaZiaeemehr, это неудачно. Весь интерфейс теперь изменился. И я не сталкиваюсь с проблемой сейчас.
Абдул Вахид
У меня есть это сообщение в 66.0.3359.139. Но здесь нет выбораchrome://flags/#enable-webfonts-intervention-v2
Гус
40

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

Сикандар Амла
источник
1
В моем случае это было расширение WOT: Web of Trust. Я не понимаю, почему вещь должна загружать свои собственные специальные шрифты, она должна просто использовать любой шрифт по умолчанию.
Сэм Уоткинс
1
Выключить AdBlock из-за ошибки и продолжить просмотр рекламы? Идеальное решение / сарказм
Бенджи
Такое поведение также может быть из-за плохо написанного кода JavaScript / jQuery. Если у вас есть функция, вызванная, но не объявленная, это может произойти. Если вы копируете / вставляете свой код и удаляете некоторые неиспользуемые функции, будьте особенно осторожны.
Сикандар Амла
18

если вы можете получить доступ к 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;
}
Джавад Адиб
источник
1
Это правильный способ решения проблемы, установите для свойства font-display любое значение, отличное от 'auto'. developer.mozilla.org/en-US/docs/Web/CSS/@font-face/…
Питер
2
Вы можете исправить это глобально, добавив * {font-display: block;}в ваш файл CSS.
Питер
2
font-displayможет использоваться только в @font-faceобъявлении. Так * {font-display: block;}что не будет работать, как ожидалось.
CedX
15

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

Console settings -> User messages only

slideshowp2
источник
18
@AamirRizwan Берегись. Этот параметр также скрывает Errorсообщение.
слайд-
6
Этот ответ идентичен ответу @David Yew, за исключением ряда нежелательных побочных эффектов
superjos
10

Перейдите в chrome: // flags / # enable-webfonts -vention-v2 и отключите его.

Это связано с ошибкой в ​​Chrome с их последним API для «скорости сети». Надеюсь, это будет исправлено в следующей версии

Эр Нилай Парех
источник
9

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

Чтобы исправить это в моей сборке Chrome 60.0.3112.90 (Официальная сборка) (64-разрядная версия), я открыл DevTools, затем перешел к настройкам DevTools, затем поставил отметку «Log XMLHttpRequests», снял флажок «Только сообщения пользователя» и «Скрыть сетевые сообщения».

Brandito
источник
3

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

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

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

brijmcq
источник
34
Это довольно плохая идея.
Джеймс
1
@JamesGentes вы правы, и это не постоянное решение. Иногда лучше просто отключить его, если вы отлаживаете и не хотите видеть сотни «Обнаружена медленная сеть ...»
brijmcq
15
То же самое можно сказать, просто закройте браузер и вы его тоже не увидите.
Никита Черных
4
@NikitaChernykh Это совсем не то же самое. Это не. В самом деле.
Мухаммед бин Юсрат
1
Это действительно отключает это сообщение, но также и все другие предупреждения, которые могут быть полезны.
Харден Рахул
3

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

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

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

gfpacheco
источник
1
Я думаю, что я пойду с этим решением. Я думаю, что выбирать определенные сообщения, такие как «Только пользовательские сообщения», вообще не рекомендуется. Можно легко пропустить ошибки или предупреждения, выданные вашим веб-приложением.
Самиулла Хан
3

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

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

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

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

поиск

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

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

Скачать их

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

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

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

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

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

Фергус
источник
2

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

Jamille
источник
Не могли бы вы описать больше? Как вы это делаете ?
абу абу
Хм .. Я думаю, что это может решить мою проблему .. попробуй
Акшай
хорошо для меня .. <i class = "fas fa-plus-square"> </ i> не работал .. я изменил его просто на fas fa-plus
Акшай
2
  1. Нет, это не значит, что сеть работает медленно.
  2. Нет, это не только ложное предупреждение.

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

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

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

индекс массы тела
источник
2

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

Этот ответ Stackoverflow помог мне ..

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

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

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

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

oliver34
источник
Этот ответ идентичен ответу @David Yew, за исключением ряда нежелательных побочных эффектов
superjos
1

Обновление до последней версии Chrome (63.0.3239.84) через Help -> About исправило это для меня.

(На самом деле мне пришлось переключиться в автономный режим и вернуться в онлайн на вкладке «Сеть» инструментов разработчика, чтобы устранить последние ошибки.)

splintor
источник
1

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

Джон Гриффитс
источник
0

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

ptnz
источник
1
Все еще не очень хорошее решение по сравнению с отключением этого конкретного сообщения в настройках Chrome. Например, я использую SSR, и источник этого предупреждения может быть таким же, как и в реальном приложении, поэтому он также отключает мои нужные журналы. Кроме этого, может быть много источников, и вам нужно будет отфильтровать многие из них.
Кунок