2021优化算法

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

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

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

1. 检查视频流媒体配置是否支持断点续传；2. 修复进度条事件监听逻辑；3. 确保视频文件格式支持 seek 操作；4. 测试不同浏览器，排查兼容性问题

网站 JavaScript 定时器在后台页面停止执行

1. 检查浏览器是否启用了后台页面节流策略，调整定时器逻辑；2. 修复定时器触发条件，改用 visibilitychange 事件监听；3. 核实是否需要后台持续执行，必要时使用 Web Worker；4. 页面恢复显示后校准定时器状态

网站显示 “504 Gateway Timeout” 错误

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

网站图表无法显示或加载失败

1. 检查图表插件是否正确加载，依赖的 JS 库（如 Chart.js、ECharts）是否完整；2. 核实图表数据格式是否正确，与插件要求一致；3. 确保图表容器有明确的宽高，避免无法渲染；4. 查看浏览器控制台，排查脚本错误或数据为空

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

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

网站加载速度极慢，页面卡顿

1. 压缩图片 / 视频文件，合并 CSS/JS 文件减少 HTTP 请求；2. 启用浏览器缓存和 CDN 加速静态资源；3. 优化数据库查询（建立索引、减少嵌套查询）；4. 检查服务器 CPU / 内存 / IO 负载，升级硬件或调整内核参数

网站 PWA 应用离线无法访问

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

网站音频无法自动播放，即使添加 autoplay 属性

1. 检查浏览器是否支持自动播放，部分浏览器要求静音自动播放（添加 muted 属性）；2. 修复自动播放触发逻辑，确保在用户交互后执行（如页面加载完成后）；3. 核实音频文件是否加载完成，未加载完成无法自动播放；4. 提供手动播放按钮，作为自动播放的备选