资源优化常见的有优化两种方式

网站音频播放无法暂停 / 播放

1. 检查音频控制按钮事件绑定是否正确；2. 修复音频元素状态管理逻辑；3. 确保音频文件加载完成，无网络异常；4. 测试不同浏览器，排查兼容性问题

网站商品加入购物车后库存未锁定

1. 检查购物车添加逻辑，是否启用库存预锁定机制（如锁定 15 分钟）；2. 修复库存锁定接口，确保锁定数量与购物车数量一致；3. 处理锁定超时后的库存释放逻辑；4. 下单时再次校验库存，避免超卖

网站扫描二维码无法识别

1. 优化二维码生成参数，提高容错级别；2. 确保二维码图片清晰，无模糊或扭曲；3. 增加二维码边框，提升识别率；4. 测试不同扫码工具，确保兼容

网站表单下拉框无法显示选项

1. 检查下拉框数据是否正确加载，接口是否正常；2. 修复下拉框渲染逻辑，确保选项可见；3. 确保下拉框无样式遮挡（如 z-index 过低）；4. 测试不同浏览器，排查兼容性

网站复选框选中状态在刷新页面后丢失

1. 检查选中状态是否存储（如 localStorage、cookie），无持久化；2. 修复页面加载时的状态回显逻辑，从存储中读取并设置；3. 核实是否存在刷新页面时的表单重置代码；4. 启用表单自动保存功能，实时存储选中状态

网站表格合并单元格后排序 / 筛选失效

1. 修复排序 / 筛选算法，确保正确识别合并单元格的数据；2. 避免合并关键数据列，只合并展示性列（如备注）；3. 排序 / 筛选时临时取消合并，排序完成后重新合并；4. 提示用户合并单元格后排序可能影响结果，建议先取消合并

网站 JavaScript 代码在 IE 浏览器报错 “对象不支持此属性或方法”

1. 检查是否使用了 IE 不支持的 ES6 + 语法（如箭头函数、let/const）；2. 修复代码，替换为兼容写法（如 var 替代 let/const）；3. 核实是否缺少 polyfill 库，补充必要的兼容性代码；4. 测试 IE 不同版本，针对性修复兼容问题

网站打印功能异常，样式错乱

1. 编写打印专用 CSS（@media print），优化打印样式；2. 隐藏打印无关元素（如导航、广告）；3. 确保打印内容完整，不被截断；4. 测试不同浏览器打印效果，统一优化

网站数据库查询缓慢

1. 对高频查询字段建立索引，优化 SQL 语句（避免 SELECT *）；2. 减少嵌套查询和不必要的联表操作；3. 调整数据库连接数和缓存大小配置；4. 采用数据库读写分离，减轻主库压力