优化模型具备的三要素

网站 WebSocket 在 IE 浏览器无法连接

1. 检查 IE 浏览器版本，IE10 及以下不支持 WebSocket；2. 修复兼容方案，使用 Socket.IO 等支持降级的库；3. 核实服务器是否支持 WebSocket 协议，无配置错误；4. 提示用户升级浏览器，或提供非实时替代功能

网站在线编辑文档保存失败

1. 检查文档保存接口是否正常，权限是否足够；2. 修复文档内容序列化逻辑，确保数据完整；3. 处理并发编辑冲突，添加版本控制；4. 启用自动保存功能，定期备份文档内容

网站第三方登录功能失效（微信 / QQ）

1. 检查第三方登录配置（AppID、AppSecret）是否正确；2. 核实回调地址是否与配置一致；3. 修复授权流程，确保步骤正确；4. 查看第三方平台开发者日志，排查错误

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

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

网站没有响应式设计，移动设备显示异常

1. 使用 CSS 媒体查询调整布局，适配手机 / 平板屏幕；2. 采用流式布局，避免固定像素宽度；3. 优化字体大小和间距，提升移动设备可读性；4. 测试不同设备显示效果，确保交互功能正常

网站显示 “504 Gateway Timeout” 错误

1. 调整 Nginx 的 fastcgi_connect_timeout、fastcgi_read_timeout 参数；2. 排查 PHP 层资源不足问题，扩容服务器或优化代码；3. 检查数据库连接数是否达到上限，调整连接池配置；4. 优化耗时操作（如外部接口调用、大数据查询）

网站本地存储（localStorage/sessionStorage）数据丢失

1. 检查存储数据的大小是否超过限制（localStorage 默认 5MB）；2. 核实存储的键名是否重复，避免被覆盖；3. 处理浏览器隐私模式下的存储限制，提供 cookie 备选；4. 确保存储数据格式正确（如 JSON.stringify 序列化）

网站富文本编辑器无法粘贴图片

1. 检查编辑器是否支持粘贴图片功能，是否需要额外插件；2. 修复图片粘贴后的上传逻辑，确保正确调用上传接口；3. 核实服务器上传目录权限，是否允许写入粘贴的图片；4. 提示用户手动上传图片，作为粘贴功能的备选

网站 PWA 应用离线无法访问

1. 检查 Service Worker 是否缓存了核心资源（HTML、CSS、JS、图片）；2. 修复缓存策略，确保关键资源被正确缓存；3. 核实离线页面是否配置正确，可被 Service Worker 拦截返回；4. 清除旧的 Service Worker 缓存，更新为最新版本