Chrome控制台提示“Slow network is detected. Fallback font will be used while loading”

最新推荐文章于 2024-03-09 11:49:01 发布
原创 最新推荐文章于 2024-03-09 11:49:01 发布 · 2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#chrome

本文介绍了解决Chrome浏览器在网络环境不佳时出现的慢网字体加载问题的方法。当网络速度较慢时，Chrome可能会输出警告信息并使用备选字体。解决此问题，可在地址栏输入特定指令启用字体干预功能，重启浏览器即可。

Chrome在网络环境较差的时候会在控制台输出

Slow network is detected. Fallback font will be used while loading， A
cookie associated with a cross-site resource at http://geely.com/ was set

解决方法方法：地址栏输入chrome://flags/#enable-webfonts-intervention-v2，点击浏览器下方弹出的提示条会自动重启Chrome。

在这里插入图片描述

error while loading shared libraries: libnvinfer.so.8 |【TensorRT 依赖解决】
专注于AI领域前沿技术学习与分享：目标检测、图像修复、超分重建、AI工程化
09-26 5621
文章目录./trtexec 遇到报错export LD_LIBRARY_PATH 解决该问题TensorRT 运行库依赖解决命令TensorRT-7 依赖库 export 命令TensorRT-8 依赖库 export 命令其它 TensorRT 相关博文推荐 ./trtexec 遇到报错 error while loading shared libraries: libnvinfer.so.8: cannot open shared object file: No such file or direc
一文详解Windows安装配置RabbitMQ教程及RabbitMQ常用命令及解决Erlang Could not be detected.you must install Erlang before
念兮为美
09-01 1万+
一文详解Windows安装RabbitMQ教程，同时解决在安装过程中出现的问题，并说明rabbitMq对应的erlang版本，又把rabbitMq和erlang存储到我的百度云盘和微云中，读者可以直接下载即可。
Slow network is detected. Fallback font will be used while loading
zt-records的博客
03-29 606
在地址栏搜索chrome://flags/#force-effective-connection-type 然后关闭
google浏览器 屏蔽 Slow network is detected. Fallback font will be used while loading
zx1323的博客
12-04 1万+
转自：https://stackoverflow.com/questions/40143098/why-does-this-slow-network-detected-log-appear-in-chrome 在Console 栏  1.点击小齿轮  Console settings  2.勾选  User messages only 即可
屏蔽Slow network is detected. Fallback font will be used while loading: http://font-path.extension
没有用户名的博客
11-23 1万+
谷歌浏览器打开下面这个链接 chrome://flags/#enable-webfonts-intervention-v2 选Disabled。就没了。。。一调试就出来这玩意，烦死了。。。。
ParserError: NULL byte detected. This byte cannot be processed in Python‘s native csv library
data+scenario+science+insight
10-30 2439
ParserError: NULL byte detected. This byte cannot be processed in Python's native csv library at the moment, so please pass in engine='c' instead 目录 ParserError: NULL byte detected. This byte cannot be processed in Python's native csv library at the mo
编译警告：warning: Clock skew detected. Your build may be incomplete.
竭尽全力的专栏
05-28 1万+
在编译darknet_ros程序时，遇到如下警告： make[2]: Warning: File 'darknet_ros/darknet_ros/CMakeFiles/darknet_ros_lib.dir/depend.make' has modification time 25801 s in the future make[2]: warning: Clock skew detected. Your build may be incomplete. make[2]: Warni...
ESXi安装报错，No network adapters were detected...
weixin_30532369的博客
08-31 2571
报错内容 No network adapters No Network adapters were detected .Either no network adapters arephysically connected to the system,or a suitable driver could not be located .A third party driver may...
谷歌浏览器访问出现： Slow network is detected.
捣蛋的博客
08-28 2万+
使用谷歌浏览器访问出现：jquery.min.js:4 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: http://localh...
[Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 f
laosao_66的博客
03-09 4099
这个警告表明浏览器检测到网络速度较慢，并且在加载字体文件时可能会出现延迟。为了提高性能，浏览器会使用备用的字体文件，而不是等待主字体文件加载完成。：如果可能的话，尝试使用更小的字体文件。：考虑将字体文件存储在本地而不是从远程服务器加载。：可以尝试使用异步加载字体文件的方法，这样可以避免字体文件对页面加载速度的影响。：确保字体文件被浏览器缓存，这样在用户再次访问页面时可以更快地加载字体。：尽量确保你的网络连接速度良好，这可以减少或消除警告出现的可能性。通过以上方法，可以尝试改善网页加载字体文件时出现的警告。
Chrome控制台提示 Slow network is detected Fallback font will be
qq_43682817的博客
11-13 842
Chrome控制台提示 Slow network is detected Fallback font will be
[Intervention] Slow network is detected 报错及解决方案
热门推荐
MichaelAn的博客
09-29 5万+
[Intervention] Slow network is detected. 这个错误在调试过程中经常出现。（谷歌浏览器中出现这个报错） 全部报错信息如下： index.js:1855 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for ...
chrome报Slow network is detected.
weixin_58896221的博客
08-17 1747
Slow network is detected.
004--Chrome调试报错Slow network is detected
weixin_42288943的博客
07-27 789
1、写作背景 使用Chrome进行调试，页面访问报错 2、解决方法 1、 在浏览器输入：chrome://flags/#enable-webfonts-intervention-v2 2、 将defalut设置为disabled 3、重启浏览器即可！ ...
JS错误之Chrome slow network is detected
weixin_43313912的博客
11-20 743
在chrome浏览器中调试时会遇到网速慢（slow network is detected）的提示问题 j解决方法：在chrome浏览器地址中输入 chrome://flags/#force-effective-connection-type 之后将下图中Default改成Unknown即可
[Intervention] Slow network is detected 报错及解决方案-谷歌浏览器-新版
weixin_45102514的博客
11-03 5919
JS错误之Chrome slow network is detected 翻译：监测到网络很慢，网页中的字体不会使用，使用本地的字体。 原因：这个错误不会影响的页面的JS调试。但是在调试其他问题过程中，经常出现这个error很烦，对调试造成不便，可以在chrome配置中禁用该项： 解决方案： 1.谷歌浏览器搜索：chrome://flags/#force-effective-connection-type 2.搜索Override effective 3.之后将下图中Default改成Unknown即可
[Intervention] Slow network is detected或Unchecked runtime.lastError错误解决办法
weixin_43266764的博客
01-16 9112
如果调试发现以下错误： [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: http://localhost:8080/fonts/e...
[Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: http://localhost:5173/src/assets/font/Alibaba_PuHuiTi_Regular.ttf
最新发布
09-02
这个提示信息是浏览器在加载网页字体时，检测到网络较慢时发出的警告。具体来说，它提到了以下几点： 1. 浏览器检测到网络加载较慢（可能是本地开发服务器或字体加载较慢）。 2. 为了优化用户体验，浏览器会使用“备用字体”（fallback font）来渲染文本，直到指定的自定义字体（如 `Alibaba_PuHuiTi_Regular.ttf`）加载完成。 3. 该提示链接到 Chrome 平台状态页面，解释了字体加载行为的变更（从 Chrome 92 开始，字体加载期间的行为有所调整，以提升页面可读性）。 ### 如何避免或解决？ #### 1. **使用 `font-display` 策略** 在 `@font-face` 中设置 `font-display: swap;` 可以告诉浏览器立即使用系统字体或备用字体显示文本，同时在后台加载自定义字体。这样可以避免页面内容空白或延迟渲染。 示例 CSS 代码： ```css @font-face { font-family: 'AlibabaPuHuiTi'; src: url('../assets/font/Alibaba_PuHuiTi_Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } ``` #### 2. **确保字体文件路径正确** 确认字体文件路径 `http://localhost:5173/src/assets/font/Alibaba_PuHuiTi_Regular.ttf` 是正确的，并且开发服务器（如 Vite）正确地处理了该静态资源的加载。 #### 3. **字体优化** - 使用字体子集（仅包含需要的字符）来减小字体文件大小。 - 使用现代字体格式如 `.woff2`，它们通常压缩更好，加载更快。 示例使用多种格式的 `@font-face`： ```css @font-face { font-family: 'AlibabaPuHuiTi'; src: url('../assets/font/Alibaba_PuHuiTi_Regular.woff2') format('woff2'), url('../assets/font/Alibaba_PuHuiTi_Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } ``` #### 4. **生产环境部署字体** 在开发环境中这个警告通常可以忽略，但在生产环境部署时应确保字体资源通过 CDN 或高效的静态资源服务器提供，以加快加载速度。 --- ### 总结 该提示是为了提醒开发者字体加载可能影响用户体验。通过设置 `font-display: swap`、优化字体格式和路径，可以有效改善字体加载体验。 ---
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值