系统优化的例子和方法

网站离线缓存不生效，无法离线访问

1. 检查 Service Worker 注册是否成功，是否缓存资源；2. 修复缓存策略，确保关键资源被缓存；3. 清除旧的 Service Worker，更新缓存；4. 测试离线状态下的页面加载，确保功能正常

网站前端样式错乱，与设计图不符

1. 检查 CSS 选择器优先级，避免样式覆盖；2. 修复浏览器兼容性问题，添加前缀适配不同内核；3. 确保 HTML 结构与 CSS 选择器匹配，无结构变更；4. 清除浏览器缓存，测试最新样式

网站验证码图片模糊不清，无法识别

1. 检查验证码生成逻辑，调整字体大小、干扰线密度；2. 修复验证码图片分辨率，提升清晰度；3. 核实是否启用了过于复杂的验证码样式（如扭曲、重叠）；4. 提供验证码刷新功能，允许用户更换清晰图片

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

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

网站文件在线预览功能失效

1. 检查预览接口是否正常，支持的文件格式是否正确；2. 核实文件路径是否正确，文件是否存在；3. 修复预览插件（如 PDF.js、Docx.js）加载逻辑；4. 处理不支持的文件格式，提示用户下载

网站页面缓存导致更新内容无法显示

1. 检查页面缓存配置（如 Cache-Control、Expires 头），调整缓存时长；2. 修复静态资源（CSS、JS、图片）的版本控制（如添加版本号？v=1.0）；3. 启用动态内容不缓存策略，确保实时获取最新数据；4. 提供强制刷新入口（如 Ctrl+F5），清除浏览器缓存

网站面包屑导航显示错误的路径

1. 检查面包屑数据来源是否正确，与当前页面 URL 匹配；2. 修复路径拼接逻辑，确保层级关系准确；3. 核实路由配置中的元信息（meta）是否完整；4. 处理动态路由参数，确保路径参数正确显示

网站地图标注位置错误

1. 检查地图标注的经纬度是否正确，无输入错误；2. 修复标注位置调整逻辑，允许手动拖动标注；3. 核实地图缩放级别是否合适，标注是否在可视范围内；4. 更换地图数据源，确保地理位置匹配准确

网站用户评价无法上传图片

1. 检查评价图片上传接口配置是否正确，上传目录是否有写入权限；2. 修复图片大小 / 格式限制逻辑（如是否允许 png/jpg，单张不超过 5MB）；3. 核实图片上传数量是否超出限制（如最多上传 5 张）；4. 处理网络异常导致的上传失败，提供重新上传入口