上周三下午，我正在调试公司官网的加载速度时，突然听到隔壁工位传来键盘猛敲的声音——原来是新来的前端小哥在跟悬浮菜单较劲。看着他屏幕上那个带着半透明渐变效果的导航栏，我忽然想起去年优化电商专题页时，那个吃掉15% CPU使用率的"元凶"正是类似的PNG悬浮菜单。
被忽视的资源黑洞
你可能在设计师的PSD文件里见过那种精致的菜单样式：磨砂玻璃质感、渐变投影、边缘发光。当这些效果通过PNG图片实现时，就像在网页里藏了个"电老虎"。上周测试时发现，某金融APP的悬浮按钮在低端手机上竟会导致界面刷新率从60帧暴跌到42帧。
优化手段内存占用(MB)GPU负载(%)数据...