网站优化的原因

服务器 IO 负载过高，读写缓慢

1. 用 iostat 命令监控磁盘 IO 情况，排查频繁读写的文件；2. 将静态资源迁移到 IO 性能更好的磁盘（如 SSD）；3. 优化数据库存储，采用分表分库减少单表数据量；4. 启用磁盘缓存，减少物理读写次数

网站在线编辑文档卡顿，输入延迟

1. 检查文档编辑插件是否优化了大数据量处理；2. 修复自动保存逻辑，降低保存频率避免卡顿；3. 核实服务器响应速度，无网络延迟；4. 关闭不必要的功能（如实时协作、自动格式化），提升性能

网站出现 XSS 跨站脚本攻击

1. 转义输出内容，过滤 script、iframe 等危险标签；2. 启用 CSP（内容安全策略），限制脚本加载源；3. 设置 cookie 为 HttpOnly，防止 JS 窃取；4. 定期更新前端框架，修复已知 XSS 漏洞

网站页面加载时出现空白屏

1. 排查是否有 JavaScript 错误导致渲染阻塞，查看控制台报错；2. 检查 CSS 是否加载失败，确保样式文件路径正确；3. 优化首屏加载，优先加载关键内容，延迟加载非必要资源；4. 增加加载动画，提升用户等待体验

网站音频播放时进度条无法拖动

1. 检查音频播放器插件是否支持进度条拖动功能；2. 修复进度条事件监听，确保拖动时更新播放位置；3. 核实音频文件是否支持 seek 操作（如部分流媒体不支持）；4. 更换兼容性更好的音频播放器插件

网站导航栏下拉菜单点击后无响应（移动端）

1. 检查下拉菜单的点击事件绑定，是否支持移动端触摸事件（touchstart）；2. 修复菜单展开 / 折叠逻辑，确保点击后状态切换；3. 核实菜单是否被其他元素遮挡，导致点击无效；4. 优化移动端导航栏，采用汉堡菜单样式提升交互性

网站搜索框自动补全功能失效

1. 检查自动补全接口是否正常响应，返回候选关键词；2. 修复输入事件监听，确保实时触发接口请求；3. 确保补全结果的下拉框正确渲染，无样式遮挡；4. 处理输入过快导致的接口请求拥堵，添加防抖处理

网站 AJAX 请求返回 403 禁止访问

1. 检查用户是否有访问该接口的权限，是否登录状态过期；2. 核实请求头是否包含必要的认证信息（如 Token、Cookie）；3. 修复后端接口的权限校验逻辑，避免误判；4. 排查服务器防火墙是否拦截了该请求（如 IP 黑名单）

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

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