Mengapa log "Jaringan lambat terdeteksi ..." ini muncul di Chrome?

Saya perhatikan ini info logmulai muncul di Google Chrome Dev (Versi 55.0.2883.18 dev) dan saya tidak bisa membayangkan mengapa.

Jaringan lambat terdeteksi. Font fallback akan digunakan saat memuat: http: //font-path.extension `

Itu muncul di semua situs web yang menggunakan font-face, bahkan pada halaman lokal dan ekstensi Chrome.

Ini berarti jaringan lambat, dan Chrome mengganti font web (dimuat dengan @font-faceaturan) dengan fallback lokal.

Secara default, teks yang dirender dengan font web tidak terlihat hingga font tersebut diunduh ( “flash of invisible text” ). Dengan perubahan ini, pengguna di jaringan yang lambat dapat mulai membaca dengan benar ketika konten dimuat alih-alih melihat ke halaman kosong selama beberapa detik.

• Masalah Chrome terkait: https://bugs.chromium.org/p/chromium/issues/detail?id=578029 . (Perubahan yang memungkinkan perilaku ini untuk koneksi 3G mendarat pada bulan September; ini seharusnya menjadi alasan Anda menerima pesan.)
• Kode sumber terkait: https://chromium.googlesource.com/chromium/src/third_party/+/master/WebKit/Source/core/css/RemoteFontFaceSource.cpp#74

Saya menghadapi masalah yang sama untuk chrome build 61.0.3163.100pada MacOs Sierra dengan localhostsebagai server. Chrome mulai mencatat pesan ini ketika saya mengubah konfigurasi kecepatan jaringan menjadi 3G cepat / 3G lambat dan kembali lagi ke Online.

Solusi: Ketika saya mencoba memilih mode Offline dan lagi mode Online, masalah logging hilang. (Perbaikan ini mungkin tidak berfungsi pada beberapa perangkat atau versi)

Pembaruan pada 30 Januari 2018

Saya memperbarui google chrome ke Version 64.0.3282.119 (Official Build) (64-bit), sepertinya bug ini sudah diperbaiki sekarang.

EDIT: Ini tidak berfungsi dengan versi terbaru dari 63.0+

Saya dapat menonaktifkannya menggunakan bantuan dari salah satu komentar di atas, buka

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

Caranya adalah dengan menonaktifkan opsi " Trigger User Agent Intervention for WebFonts loading always " tepat di bawah itu juga.

Dalam kasus saya, itu adalah ekstensi AdBlock Plus untuk Google chrome. Mematikannya dan bekerja dengan sempurna.

jika Anda dapat mengakses css dari ekstensi ini, cukup tambahkan font-display:block;definisi font-face atau kirim umpan balik ke pengembang ekstensi ini :)

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

Saya menyembunyikan ini dengan mengatur pengaturan konsol

Console settings -> User messages only

Goto chrome: // flags / # enable-webfonts-intervensi-v2 dan tetapkan untuk dinonaktifkan

Itu karena bug di Chrome dengan API terbaru mereka untuk 'kecepatan jaringan'. Berharap itu akan diperbaiki di versi berikutnya

Saya menonaktifkan jaringan namun mulai mendapatkan kesalahan ini hari ini di koneksi bisnis 75mb / s ...

Untuk memperbaikinya di build saya dari Chrome 60.0.3112.90 (Pembuatan Resmi) (64-bit) Saya membuka DevTools kemudian menavigasi ke Pengaturan DevTools kemudian mencentang 'Log XMLHttpRequests', tidak dipilih 'Pesan pengguna saja' dan 'Sembunyikan pesan jaringan'

Cara termudah untuk menonaktifkan ini adalah hapus centang pada peringatan di alat dev chrome

Semoga ini membantu.

Aku hanya berhasil membuat filter kerja regex: /^((?!Fallback\sfont).)*$/.

Tambahkan ke bidang filter tepat di atas konsol dan itu akan menyembunyikan semua pesan yang mengandung Fallback font.

Anda dapat membuatnya lebih spesifik jika Anda mau.

Jika Anda mengembangkan aplikasi yang menggunakan font google dan ingin memastikan pengguna Anda tidak melihat peringatan ini. Solusi yang mungkin ( dirinci di sini ) adalah memuat font secara lokal.

Saya menggunakan solusi ini untuk aplikasi yang kadang-kadang memiliki internet lambat (atau tidak ada akses internet) tetapi masih melayani halaman, ini mengasumsikan aplikasi Anda menggunakan font Google dan pembaruan untuk font ini tidak penting. Juga asumsikan bahwa menggunakan font ttf sesuai untuk aplikasi Anda Dukungan Browser Font WCF TTF .

Inilah cara saya menyelesaikan font penayangan lokal:

Buka https://fonts.google.com/ dan lakukan pencarian untuk font Anda

Tambahkan font Anda

Unduh mereka

Tempatkan mereka di root situs

Tambahkan mereka ke file @font Anda

Saya juga memiliki kesalahan yang sama dengan font fontawesome. Kemudian saya mengunduh font fontawesome terbaru dan ganti ke font lama. Dan kesalahannya hilang.

1. Tidak, ini tidak berarti jaringan lambat.
2. Tidak, ini bukan hanya peringatan palsu.

Saya memiliki masalah ini pada aplikasi web sudut setelah mengganti tautan https://fonts.googleapis.com/icon?family=Material+Icons di index.html ke versi terintegrasi (npm install .... material-icons ...). Ini berfungsi, tetapi terkadang aplikasi web menunjukkan peringatan itu.

Saat peringatan ditampilkan, ikon tidak ditampilkan selama sekitar 1 detik, jadi pengguna melihat ikon yang diberikan dengan buruk.

Saya belum punya solusi.

Pergi ke stylesheet.css Font dan tambahkan font-display: block; di semua @ font-face {}

Jawaban Stackoverflow ini membantu saya ..

Di bawah ini adalah ringkasan dari jawabannya

Jika Anda dapat mengakses css dari ekstensi ini, cukup tambahkan font-display: block; pada definisi font-face atau mengirim umpan balik ke pengembang ekstensi ini :)

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

Anda dapat mengklik 'pengaturan konsol', dan centang kotak 'Gunakan pesan saja', setelah itu pesan-pesan itu tidak akan muncul lagi.

Memperbarui ke versi terbaru Chrome (63.0.3239.84) melalui Bantuan -> Tentang memperbaikinya untuk saya.

(sebenarnya, saya memang harus beralih ke Offline dan kembali ke Online di tab Jaringan alat pengembang untuk membuat kesalahan terakhir hilang.)

Segera setelah saya menonaktifkan plugin DuckDuckGo Privacy Essentials, plugin itu menghilang. Agak menyebalkan karena font yang saya sajikan berasal dari localhost jadi tidak ada hubungannya dengan koneksi jaringan yang lambat.

Klik kanan mouse klik pada Chrome Dev. Kemudian pilih filter. Dan pilih sumber pesan.