系统优化的目的和意义

网站 CSS 动画在部分浏览器不生效

1. 添加浏览器前缀（-webkit-、-moz-、-ms-）适配不同内核；2. 避免使用过于复杂的动画属性，选择标准支持的属性；3. 检查动画触发条件是否正确（如 hover、class 切换）；4. 用 Can I Use 查询属性兼容性，提供降级方案

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

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

网站用户消息通知未收到

1. 检查消息发送逻辑，是否正确推送；2. 核实用户消息设置，是否关闭了通知；3. 修复消息存储数据库，确保消息未丢失；4. 提供消息中心，集中展示所有消息

网站 HTTPS 部署后部分页面跳转回 HTTP

1. 检查页面内是否存在 HTTP 链接（如内链、图片、脚本），统一替换为 HTTPS；2. 修复 301 重定向配置，确保所有 HTTP 请求跳转至 HTTPS；3. 核实服务器配置是否强制 HTTPS（如 HSTS 配置）；4. 清除浏览器缓存，避免缓存导致的跳转异常

网站后台无法上传文件

1. 检查文件上传大小限制（php.ini upload_max_filesize）；2. 核实上传目录权限，确保有写入权限；3. 修复文件类型过滤逻辑，避免合法文件被拦截；4. 查看上传日志，排查接口错误或网络问题

网站页面加载时出现空白屏

1. 排查是否有 JavaScript 错误导致渲染阻塞，查看控制台报错；2. 检查 CSS 是否加载失败，确保样式文件路径正确；3. 优化首屏加载，优先加载关键内容，延迟加载非必要资源；4. 增加加载动画，提升用户等待体验

网站实时聊天消息发送后对方接收不到

1. 检查 WebSocket 消息推送逻辑，是否正确发送给目标用户；2. 修复用户在线状态判断，确保对方处于在线状态；3. 核实消息队列是否存在消息堆积，未及时推送；4. 提供消息送达回执，确认对方是否已接收

网站 localStorage 在 IE 浏览器无法使用

1. 检查 IE 浏览器版本，IE7 及以下不支持 localStorage；2. 修复存储逻辑，提供 cookie 备选方案；3. 核实浏览器是否开启了隐私模式，限制 localStorage 使用；4. 提示用户升级浏览器或关闭隐私模式，确保功能正常

网站视频无法自动播放

1. 检查浏览器是否支持自动播放（部分浏览器要求静音自动播放）；2. 修复视频元素的 autoplay 属性设置，添加 muted 属性；3. 确保视频文件加载完成后再触发自动播放；4. 提供手动播放按钮，作为自动播放的备选