优化建议怎么写

网站图片加载缓慢，占用带宽大

1. 压缩图片格式（如 WebP），降低分辨率适配不同设备；2. 启用图片懒加载，只加载可视区域图片；3. 利用 CDN 分发图片资源，缩短访问距离；4. 设置图片缓存时间（Cache-Control），减少重复下载

网站面包屑导航在动态路由页面显示错误

1. 检查面包屑数据是否从路由元信息中正确获取；2. 修复动态路由参数解析，确保面包屑名称正确显示；3. 核实是否存在路由匹配错误，导致面包屑关联错误页面；4. 手动配置动态路由的面包屑规则，确保显示准确

网站视频播放时画面与声音不同步

1. 检查视频文件是否存在编码问题，重新编码后测试；2. 修复视频播放器的缓冲逻辑，避免音视频加载速度不一致；3. 核实服务器传输是否稳定，无数据包丢失；4. 提供视频重新加载按钮，解决临时同步问题

网站第三方支付接口调用失败

1. 检查支付平台配置（商户号、API 密钥）是否正确；2. 核实支付参数是否完整，格式是否正确；3. 修复支付签名生成逻辑；4. 查看支付平台回调日志，排查错误

网站日期选择器无法选择过去日期

1. 检查日期选择器的 minDate 配置，是否限制了可选范围；2. 修复日期范围逻辑，根据业务需求调整过去日期限制；3. 确保日期选择器插件支持过去日期选择，无默认限制；4. 测试不同日期格式，排查格式不兼容问题

网站下拉刷新后数据重复加载

1. 检查下拉刷新的请求参数（如页码）是否正确重置（如刷新后从第 1 页重新加载）；2. 修复数据合并逻辑，避免重复添加已有数据；3. 核实下拉刷新后的状态更新，确保加载状态正确重置；4. 清空原有数据后再加载新数据，避免重复

网站图表数据 tooltip 显示异常

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

网站图表 tooltip 显示不全，内容被截断

1. 检查 tooltip 的样式配置，调整 width、height 属性；2. 修复 tooltip 的 overflow 属性，设置为 auto 允许滚动；3. 核实 tooltip 内容是否过长，简化显示信息；4. 调整图表的边距，给 tooltip 预留足够显示空间

网站音频播放时无声音，进度条正常滚动

1. 检查音频文件是否损坏，测试本地播放是否正常；2. 修复音频播放器的音量设置，避免默认静音；3. 核实浏览器音频权限是否开启，无被禁用；4. 更换音频格式（如 MP3 替代 WAV），排查格式兼容性问题