产品优化方案步骤

服务器 IO 负载过高，读写缓慢

1. 用 iostat 命令监控磁盘 IO 情况，排查频繁读写的文件；2. 将静态资源迁移到 IO 性能更好的磁盘（如 SSD）；3. 优化数据库存储，采用分表分库减少单表数据量；4. 启用磁盘缓存，减少物理读写次数

网站上拉加载更多提示 “暂无更多数据” 但实际有数据

1. 检查总页数计算逻辑，是否误判已加载全部数据；2. 修复页码参数传递，确保下一页页码正确递增；3. 核实接口是否返回了全部数据，无分页漏查；4. 清除页面缓存，重新执行上拉加载

网站表单时间选择器分钟步长设置无效

1. 核实时间选择器的 stepMinutes 参数配置是否正确；2. 修复插件初始化逻辑，确保步长参数正确传递；3. 避免自定义样式覆盖插件默认步长控制；4. 测试不同时间格式（12 小时 / 24 小时制）下的效果

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

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

网站图片显示破损，无法正常加载

1. 检查图片路径是否正确，文件是否损坏；2. 核实图片格式是否被浏览器支持（避免特殊格式）；3. 修复图片文件，重新上传到服务器；4. 配置图片备用地址，加载失败时显示默认图片

网站无法在 IE 浏览器打开

1. 兼容 IE 浏览器，添加 IE 专属 CSS 和 JavaScript；2. 避免使用 HTML5/CSS3 新特性，或提供降级方案；3. 用 IE 开发者工具排查语法错误；4. 提示用户升级浏览器，或提供简化版页面

网站举办促销活动时突发流量过载

1. 启用弹性扩容，自动增加服务器资源（云服务器适用）；2. 配置缓存服务器（如 Redis），缓存热门页面和数据；3. 采用限流和排队机制，避免服务器崩溃；4. 提前预热 CDN，分流静态资源访问压力

网站图表数据 tooltip 显示异常

1. 检查 tooltip 配置是否正确，字段映射是否准确；2. 修复 tooltip 样式，确保不被遮挡且显示完整；3. 处理大数据量时的 tooltip 延迟问题，优化渲染；4. 确保 tooltip 触发条件正确（如 hover、click）

网站音频无法自动播放，即使添加 autoplay 属性

1. 检查浏览器是否支持自动播放，部分浏览器要求静音自动播放（添加 muted 属性）；2. 修复自动播放触发逻辑，确保在用户交互后执行（如页面加载完成后）；3. 核实音频文件是否加载完成，未加载完成无法自动播放；4. 提供手动播放按钮，作为自动播放的备选