产品优化策略有哪些例子图片

网站标签页切换后音频 / 视频继续播放

1. 检查标签页切换事件监听，触发时暂停媒体播放；2. 修复媒体播放器的状态管理，记录切换前播放进度；3. 核实是否启用了后台播放功能，需手动关闭；4. 切换标签页后自动暂停，返回时恢复播放进度

网站图片加载完成后出现变形拉伸

1. 确保图片容器设置固定宽高比，避免直接拉伸；2. 修复图片的 object-fit 属性设置（如 cover、contain）；3. 核实图片原始尺寸是否与容器适配，必要时进行裁剪；4. 处理响应式场景下的图片尺寸调整，使用媒体查询

网站出现大量重复内容，影响 SEO

1. 使用 canonical 标签，指定首选页面；2. 合并重复内容页面，设置 301 跳转；3. 优化 URL 结构，避免同一内容多 URL 访问；4. 修复爬虫陷阱（如无限分页、会话 ID 在 URL 中）

网站搜索框自动补全下拉框被输入法遮挡

1. 检查补全下拉框的 z-index 值，确保高于输入法；2. 修复输入框聚焦后的下拉框位置调整，避免被遮挡；3. 核实输入法是否启用了悬浮模式，调整页面布局避开；4. 优化补全下拉框样式，缩短显示长度适配输入法

网站图表数据更新后图表不刷新

1. 检查图表插件的更新方法是否调用，如 setOption（ECharts）；2. 修复数据传递逻辑，确保新数据正确传入图表；3. 核实图表容器是否被重新渲染，无 DOM 结构变化；4. 销毁旧图表实例，重新创建新图表，确保数据更新

网站页面打印时格式错乱，部分内容缺失

1. 检查打印样式（print.css）是否配置，是否隐藏不必要元素；2. 修复打印布局，确保内容适应纸张大小（如 A4）；3. 核实打印时的图片、表格是否完整渲染；4. 提供 “打印友好版” 页面，优化打印格式

网站后台菜单无法显示

1. 检查菜单配置是否正确，是否与管理员权限关联；2. 核实菜单渲染逻辑，是否正确读取配置；3. 修复菜单数据库表，确保数据完整；4. 测试不同管理员账号，排查权限问题

服务器 CPU 负载过高导致网站卡死

1. 用 top 命令查看占用 CPU 过高的进程，关闭非必要服务；2. 排查代码中的死循环，优化耗时运算逻辑；3. 增加 CPU 核心数，或采用负载均衡分散压力；4. 限制单个进程的 CPU 使用率，避免资源独占

网站表格分页功能异常

1. 检查分页参数传递是否正确（页码、每页条数）；2. 修复分页数据查询逻辑；3. 确保分页控件状态正确显示（当前页码、总页数）；4. 测试边界情况（首页、尾页、超出范围）