乐荐网论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 4|回复: 1

Firefox火狐浏览器更新后上传图片停顿1-2分钟

[复制链接]

14

主题

2

回帖

16

积分

新手上路

积分
16
发表于 昨天 17:09 | 显示全部楼层 |阅读模式
你这张图把问题范围缩小很多了。
从截图里能看到几个关键点:
  • 上传请求实际上很快成功了

网络面板显示:
POST controller.php?action=uploadimage   200 OK   59msGET ...png                                200 OK   61ms说明:
  • 图片上传到服务器只用了 几十毫秒
  • 后端没问题
  • 网络没问题
  • PHP/网站没问题

所以不是“上传慢”,而是 Firefox 前端渲染/脚本卡住

  • CPU 只有 15%,内存 800M

这说明也不是:
  • 内存爆掉
  • 死循环占满 CPU
  • 大图片解码

否则通常会看到:
CPU 80~100%内存 2~4GB
  • 控制台暴露出更关键的东西

截图里很多:
未知属性 -moz-background-clip解析 filter 时出错未知属性 -moz-border-radius以及:
ueditor.csscodemirror.css这说明后台编辑器是:
UEditor(百度富文本编辑器)
而 UEditor 已经多年不活跃了,它有大量旧 CSS 和旧 JS 兼容代码。
最近 Firefox 更新后,很像触发了:
UEditor 上传完成后执行的 JS(插入图片 → 更新编辑器 → 重绘 DOM)出现兼容问题。
因为:
  • 请求 59ms 已完成
  • 图片也已下载
  • 浏览器却卡 1–2 分钟

卡的就是:
editor.execCommand("insertimage")附近的逻辑。

建议直接验证:
打开 Firefox 性能分析地址栏:
about:profiling勾选:
JavaScriptDOMRendering开始记录。
然后:
  • 上传图片
  • 等卡住结束
  • 停止

如果是我判断的情况,会看到:
Long TaskLayoutReflowJavaScript集中在:
ueditor*.js
最简单的临时修复:禁用 Firefox 的站点隔离地址栏:
about:config搜索:
fission.autostart改成:
false重启 Firefox。
最近 Firefox 的 Fission(站点隔离)对一些老 JS 编辑器(UEditor、旧 CKEditor)出现过卡顿。

再试一个很像的点:关闭无障碍服务Firefox:
about:config搜索:
accessibility.force_disabled改:
1重启。
因为富文本编辑器在 Firefox 中会频繁触发:
contenteditableSelection APIAccessibility Tree老编辑器尤其容易卡。

如果你能改网站代码UEditor 已经很老,建议升级:
  • CKEditor
  • TinyMCE

或者升级 UEditor 的修复版。

目前根据你给的信息,我的判断大概是:
80%:Firefox 更新 + UEditor 兼容问题
15%:Fission
5%:无障碍树/DOM 重绘
因为网络请求已经在 59ms 就结束,真正卡住的是上传后编辑器插图的阶段,而不是上传本身。

回复

使用道具 举报

14

主题

2

回帖

16

积分

新手上路

积分
16
 楼主| 发表于 昨天 17:10 | 显示全部楼层
实际解决的方法是:
about:config搜索:
accessibility.force_disabled改:
1重启
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|乐荐网论坛 ( 沪ICP备2020036158号-2 )

GMT+8, 2026-5-23 04:40 , Processed in 0.039425 second(s), 31 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表