Bu “Yavaş ağ algılandı…” günlüğü neden Chrome'da görünüyor?

Bunun info logGoogle Chrome Dev'de (Sürüm 55.0.2883.18 dev) görünmeye başladığını fark ettim ve nedenini hayal edemiyorum.

Yavaş ağ algılandı. Yedek yazı tipi yüklenirken kullanılacak: http: //font-path.extension `

font-faceYerel sayfalarda ve Chrome uzantılarında bile kullanılan tüm web sitelerinde görünür .

Bu, ağın yavaş olduğu ve Chrome'un bir web yazı tipini ( @font-facekural yüklü ) yerel bir yedekle değiştirdiği anlamına gelir .

Varsayılan olarak, bir web fontuyla oluşturulan metin, font indirilene kadar görünmezdir ( “görünmez metnin yanıp sönmesi” ). Bu değişiklikle, yavaş bir ağdaki kullanıcı, içerik yüklendiğinde boş sayfaya birkaç saniyeliğine bakmak yerine okumaya başlayabilir.

• İlgili Chrome sorunu: https://bugs.chromium.org/p/chromium/issues/detail?id=578029 . (3G bağlantıları için bu davranışı etkinleştiren bir değişiklik Eylül ayında indi; bu mesajı almanızın nedeni olmalı.)
• İlgili kaynak kodu: https://chromium.googlesource.com/chromium/src/third_party/+/master/WebKit/Source/core/css/RemoteFontFaceSource.cpp#74

Sunucu olarak 61.0.3163.100MacOs Sierra'da krom derlemesi için de aynı sorunla karşılaştım localhost. Ağ hızı yapılandırmasını 3G hızlı / 3G yavaş ve tekrar tekrar Çevrimiçi olarak değiştirdiğimde Chrome bu mesajı günlüğe kaydetmeye başladı.

Düzeltme: Çevrimdışı modunu ve tekrar Çevrimiçi modunu seçmeye çalıştığımda, kayıt sorunu ortadan kayboldu. (Bu düzeltme bazı cihazlarda veya sürümlerde çalışmayabilir)

30 Ocak 2018 Güncellemesi

Google Chrome'u Sürüme güncelledim 64.0.3282.119 (Official Build) (64-bit), bu hata şimdi düzeltilmiş görünüyor.

EDIT: Bu en son sürüm 63.0+ ile çalışmıyor

Yukarıdaki yorumlardan birinin yardımını kullanarak devre dışı bırakabildim,

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

İşin püf noktası, bunun hemen altındaki " WebFonts her zaman yüklenirken Kullanıcı Aracısı Girişimini Tetikle " seçeneğini de devre dışı bırakmaktır .

Benim durumumda, Google chrome için AdBlock Plus uzantısıydı. Kapattım ve mükemmel çalıştı.

bu uzantının css dosyasına erişebiliyorsanız font-display:block;, font-face tanımına eklemeniz veya bu uzantının geliştiricisine geri bildirim göndermeniz yeterlidir :)

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

Bunu konsol ayarı ayarlayarak gizlerim

Console settings -> User messages only

Chrome: // flags / # enable-webfonts-intervention-v2'ye gidin ve devre dışı olarak ayarlayın

Chrome'da, 'ağ hızı' için en son API'larına sahip bir hata nedeniyle. Bir sonraki versiyonda düzeltileceğini umuyoruz

Ağ kısıtlamayı devre dışı bıraktım, ancak bugün 75mb / s iş bağlantısında bu hatayı almaya başladım ...

Chrome 60.0.3112.90 (Resmi Derleme) (64 bit) derlememde düzeltmek için DevTools'u açtım, sonra DevTools Ayarlarına gittim ve 'Log XMLHttpRequests', 'Yalnızca kullanıcı iletileri' ve 'Ağ mesajlarını gizle' seçeneklerini işaretledim

Bunu devre dışı bırakmanın en kolay yolu, krom geliştirici araçlarındaki uyarıların işaretini kaldırmaktır

Bu yardımcı olur umarım.

Sadece filtre regex çalışması başardı: /^((?!Fallback\sfont).)*$/.

Konsolun hemen üstündeki filtre alanına ekleyin, içindeki tüm iletileri gizler Fallback font.

İsterseniz daha belirgin hale getirebilirsiniz.

Google yazı tiplerini kullanan ve kullanıcılarınızın bu uyarıları görmediğinden emin olmak istiyorsanız bir uygulama geliştiriyorsanız. Olası bir çözüm ( burada ayrıntılı olarak verilmiştir) yazı tiplerini yerel olarak yüklemekti.

Bu çözümü zaman zaman yavaş (veya internet erişimi olmayan) bir uygulama için kullandım, ancak yine de sayfalar sunuyor, Bu, uygulamanızın Google yazı tiplerini kullandığını ve bu yazı tiplerindeki güncellemelerin kritik olmadığını varsayar. Ayrıca, ttf yazı tiplerini kullanmanın uygulamanız için uygun olduğunu varsayın WC3 TTF Yazı Tipi Tarayıcı Desteği .

Yerel olarak sunulan yazı tiplerini nasıl başardım:

Https://fonts.google.com/ adresine gidin ve yazı tiplerinizi arayın

Yazı tiplerinizi ekleyin

Onları indirin

Onları site köküne yerleştirin

Bunları @font dosyanıza ekleyin

Ayrıca fontawesome'in yazı tiplerinde de aynı hataları yaşadım. Sonra en son fontawesome'in yazı tiplerini indirdim ve eski yazı tiplerinin yerini aldım. Ve hatalar gitti.

1. Hayır, bu ağın yavaş olduğu anlamına gelmez.
2. Hayır, bu sadece yanlış uyarı değildir.

Bu sorunu açısal web uygulamalarında entegre sürümüne (npm install .... material-icons ...) index.html https://fonts.googleapis.com/icon?family=Material+Icons değiştirdikten sonra var . Bu işe yarıyor, ancak bazen web uygulaması bu uyarıyı gösteriyor.

Uyarı gösterildiğinde, simgeler yaklaşık 1 saniye boyunca görüntülenmez, bu nedenle kullanıcı hatalı oluşturulmuş simgeleri görür.

Henüz bir çözümüm yok.

Font'un stylesheet.css dosyasına gidin ve font-display: block öğesini ekleyin ; tüm @ font-face {} içinde

Bu Stackoverflow Cevabı bana yardımcı oldu ..

Yanıtın özeti aşağıdadır

Bu uzantının css dosyasına erişebiliyorsanız font-display: block; yazı tipi yüz tanımında veya bu uzantının geliştiricisine geri bildirim gönderin :)

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

'konsol ayarları'nı tıklayabilir ve ardından' Yalnızca mesajları kullan 'kutusunu işaretleyebilirsiniz, bundan sonra bu mesajlar tekrar gösterilmez.

Yardım ile Chrome'un en son sürümüne (63.0.3239.84) güncelleme -> Hakkında benim için düzeltildi.

(aslında, son hataları ortadan kaldırmak için geliştirici araçlarının Ağ sekmesinde Çevrimdışı ve tekrar Çevrimiçi duruma geçmek zorunda kaldım.)

DuckDuckGo Privacy Essentials eklentisini devre dışı bıraktığımda ortadan kayboldu. Servis ettiğim yazı tipleri localhost'tan biraz can sıkıcı, bu yüzden yavaş bir ağ bağlantısıyla ilgisi olmamalı.

Sağ fare Chrome Dev. Ardından filtreyi seçin. Ve mesajların kaynağını seçin.