产品优化方案怎么写的

网站后台主题无法切换

1. 检查主题是否正确安装，文件是否完整；2. 核实主题切换逻辑，是否正确保存设置；3. 修复主题渲染逻辑，避免样式冲突；4. 测试不同主题，排查兼容性问题

网站 localStorage 存储数据后无法读取

1. 检查存储的键名是否正确，无拼写错误或大小写不一致；2. 修复数据读取逻辑，确保正确反序列化（如 JSON.parse）；3. 核实浏览器是否开启隐私模式（隐私模式下 localStorage 可能受限）；4. 检查存储数据大小是否超过限制，清理无用数据

网站音频无法后台播放

1. 检查浏览器是否支持后台播放功能；2. 修复音频播放逻辑，避免页面隐藏时暂停；3. 确保音频元素未被页面其他脚本暂停；4. 处理 iOS/Android 系统的后台播放限制，提供引导

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

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

网站移动端页面在 iOS Safari 浏览器样式错乱

1. 检查 CSS 属性兼容性，添加 - webkit - 前缀适配 Safari；2. 修复 viewport 标签配置，避免缩放异常（如 width=device-width）；3. 核实是否使用了 Safari 不支持的 CSS 特性（如 backdrop-filter）；4. 测试不同 iOS 版本，针对性修复兼容问题

网站搜索框输入关键词后搜索结果无排序

1. 检查搜索接口是否默认启用排序规则（如按相关性）；2. 修复排序参数传递，确保默认排序方式生效；3. 核实搜索算法是否支持排序，无排序逻辑缺失；4. 提供手动排序选项（如按时间、热度），提升用户体验

网站 CSS 动画在移动端卡顿严重

1. 优化动画属性，优先使用 transform 和 opacity（硬件加速）；2. 减少动画元素数量和复杂程度，避免过度绘制；3. 修复动画帧率，设置 animation-duration 合理值；4. 针对移动端单独优化动画，降低性能消耗

网站微信分享功能无法自定义标题 / 图片

1. 检查微信 JSSDK 配置是否正确（appId、timestamp、nonceStr、signature）；2. 核实分享接口（onMenuShareAppMessage 等）是否正确注册；3. 确保分享的图片尺寸符合要求（建议 300x300px）；4. 排查页面是否有脚本错误，导致 JSSDK 初始化失败

网站外部链接质量低，影响排名

1. 拒绝垃圾外链，通过 Google Search Console disavow 工具；2. 主动交换高质量行业相关外链；3. 在权威平台发布原创内容，带上网站链接；4. 避免购买外链，防止被搜索引擎惩罚