A Broken Heart
4 months ago
- #Safari
- #debugging
- #web development
- 一个网页应用的仪表盘加载需要10秒，最初怀疑是React的问题。
- 通过Claude分析后发现确实存在React问题，但修复后效果甚微。
- 深入调查发现这是Safari特有的问题，布局计算耗时是预期的100倍。
- 与Claude配合使用二分法排查，最终发现是'发送反馈'按钮中的心形emoji导致的问题。
- 该emoji使用了Noto Color Emoji字体，在Safari中会导致严重的布局延迟。
- 创建了最小复现案例，证明Safari在处理Noto Color Emoji时布局性能极差。
- Noto Color Emoji使用COLRv1格式，在Safari中会回退到SVG渲染，从而引发性能问题。
- 已向Safari团队提交bug报告，建议的临时解决方案是优先使用Apple Color Emoji。
- Claude在问题识别和调试过程中发挥了关键作用，但最初引入问题字体的也是它。
- 像Claude这样的编程助手是强大工具，但在解决旧问题的同时可能引入新问题。