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


283

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.

Layar cetak situs web lokal


112
Saya menonaktifkan opsi ini dan log tidak lagi muncul, tetapi saya masih tidak tahu apa artinya itu. chrome: // flags / # enable-webfonts-intervensi-v2
Acauã Montiel

4
@ AcauãMontiel penghemat waktu
kenberkeley

7
@ AcauãMontiel lol +1 untuk kejujuran
danwild

3
ChromeDevTools mentweet bahwa mereka sedang mencari masalah ini.
Quinn Comendant

Jawaban:


150

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.


139
Bisakah saya menonaktifkan notifikasi ini?
Shakeel Ahmed

71
Seperti Acauã Montiel berkomentar di atas, Anda dapat menonaktifkan ini di chrome: // flags / # enable-webfonts-intervensi-v2
senornestor

12
Saya pikir notifikasi ini agak berguna untuk pengembangan. Masalahnya adalah ketika Chrome menunjukkannya untuk setiap ekstensi tunggal yang dipasang di log konsol yang sama, sangat berisik. Apa gunanya menunjukkannya untuk ekstensi?
Ben

16
alasan mengapa pesan ini masih muncul meskipun font dimuat dari memori / cache disk? Mungkinkah ini berarti ada penundaan dalam memuat font dari cache juga?
Robin

38
Saya menjalankan dari localhost dan mendapatkan kesalahan yang sama
Vikas Bansal

108

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.


3
Memeriksa / menghapus centang pada mode Offline beralih di tab Jaringan juga bekerja untuk saya - font dilayani dari server dev di localhost, jadi saya tidak berpikir itu benar-benar masalah "jaringan lambat" ;-) Dalam kasus saya, saya bahkan tidak mengotak-atik konfigurasi kecepatan lain atau apa pun ... aneh. Terima kasih telah menemukan dan berbagi solusi ini!
natevw

11
Terima kasih telah berbagi solusi ini - bekerja untuk saya juga! Saya tidak dapat menemukan laporan bug untuk ini, jadi saya telah mengajukan satu: bugs.chromium.org/p/chromium/issues/detail?id=778477
NullColaShip

3
Itu tidak bekerja untuk Chrome 61.0.3163.91 di Ubuntu 16.04.
Muhammad bin Yusrat

Ini sepertinya solusi yang lebih aman daripada mengganti bendera, tetapi tidak berhasil pada 62.0.3202.89 pada MacOS Sierra
jonS90

Bekerja seperti pesona. Peringatan ini menggangguku seperti orang gila karena aku tidak bisa melihat alasan mengapa itu lambat :)
perry

78

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.

masukkan deskripsi gambar di sini


3
Ini sebenarnya tidak menjawab pertanyaan OP tentang "Mengapa log itu ada di Konsol?" Anda dapat mengedit jawaban Anda jika Anda tahu itu.
Karan Desai

4
Di chrome 63 tidak ada opsi seperti itu dan bug ini muncul pada saya.
Morteza Ziyae

@MortezaZiaeemehr, Sangat disayangkan. Seluruh antarmuka diubah sekarang. Dan saya tidak menghadapi masalah sekarang.
Abdul Waheed

Saya punya pesan ini di 66.0.3359.139. Tapi tidak ada pilihanchrome://flags/#enable-webfonts-intervention-v2
Guus

40

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


1
Dalam kasus saya itu adalah ekstensi "WOT: Web of Trust". Saya tidak melihat mengapa hal itu perlu memuat font khusus sendiri, seharusnya hanya menggunakan font default apa pun.
Sam Watkins

1
Mematikan AdBlock karena melihat kesalahan dan terus menonton IKLAN? Solusi / sarkasme yang sempurna
Benji

Perilaku ini juga bisa karena kode JavaScript / jQuery ditulis dengan buruk. Jika Anda memiliki fungsi yang dipanggil tetapi tidak dideklarasikan, itu bisa terjadi. Jika Anda menyalin / menempel kode Anda dan menghapus beberapa fungsi yang tidak digunakan, berhati-hatilah.
Sikandar Amla

18

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

1
Ini adalah cara yang tepat untuk menyelesaikan masalah, mengatur properti font-display ke nilai apa pun yang bukan 'otomatis'. developer.mozilla.org/en-US/docs/Web/CSS/@font-face/…
Peter

2
Anda dapat memperbaikinya secara global dengan menambahkan * {font-display: block;}ke file css Anda.
Peter

2
font-displayhanya bisa digunakan dalam @font-facedeklarasi. Jadi * {font-display: block;}tidak akan berfungsi seperti yang diharapkan.
CedX

15

Saya menyembunyikan ini dengan mengatur pengaturan konsol

Console settings -> User messages only


18
@AamirRizwan Awas. Pengaturan ini juga akan menyembunyikan Errorpesan.
slideshowp2

6
Jawaban ini identik dengan yang oleh @ David Yew, selain memiliki sejumlah efek samping yang tidak diinginkan
superjos

10

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


9

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'


3

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

masukkan deskripsi gambar di sini

Semoga ini membantu.


34
Itu ide yang sangat buruk.
James Gentes

1
@ JamesGentes Anda benar dan ini bukan solusi permanen. Terkadang lebih baik matikan saja jika Anda melakukan debug dan tidak ingin melihat ratusan 'Jaringan lambat terdeteksi ...'
brijmcq

15
sama bisa dibilang tutup saja browsernya dan kamu tidak akan melihatnya juga.
Nikita Chernykh

4
@NikitaChernykh Sama sekali tidak sama. Ini bukan. Betulkah.
Muhammad bin Yusrat

1
Ini memang menonaktifkan pesan ini, tetapi juga semua peringatan lain yang mungkin berguna.
Harden Rahul

3

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.


1
Saya pikir saya akan pergi dengan solusi ini. Saya pikir akan memilih pesan tertentu seperti "Pesan Pengguna Saja" tidak dianjurkan sama sekali. Seseorang dapat dengan mudah melewatkan kesalahan atau peringatan yang dilemparkan oleh aplikasi web Anda.
Samiullah Khan

3

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

Cari

Tambahkan font Anda

masukkan deskripsi gambar di sini

Unduh mereka

masukkan deskripsi gambar di sini

Tempatkan mereka di root situs

masukkan deskripsi gambar di sini

Tambahkan mereka ke file @font Anda

masukkan deskripsi gambar di sini


2

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


Bisakah Anda jelaskan lebih banyak? bagaimana kamu melakukan ini ?
abu abu

Hmm .. Saya pikir itu bisa menyelesaikan masalah saya .. biar coba
Akshay

baik untuk saya .. <i class = "fas fa-plus-square"> </i> tidak berfungsi .. saya mengubahnya menjadi hanya fas fa-plus
Akshay

2
  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.


2

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

1

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

masukkan deskripsi gambar di sini


Jawaban ini identik dengan yang oleh @ David Yew, selain memiliki sejumlah efek samping yang tidak diinginkan
superjos

1

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.)


1

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.


0

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


1
Masih bukan solusi yang baik dibandingkan dengan menonaktifkan pesan tertentu di dalam pengaturan chrome. Misalnya saya menggunakan SSR dan sumber lansiran ini mungkin sama dengan dari aplikasi yang sebenarnya, oleh karena itu ia juga menonaktifkan log yang saya inginkan. Selain itu, mungkin ada banyak sumber dan Anda perlu menyaring banyak dari mereka.
Kunok
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.