资源优化的模式有哪些

网站视频全屏播放失效

1. 检查全屏 API 是否被浏览器支持；2. 修复全屏事件监听逻辑，处理浏览器差异；3. 确保视频容器没有层级遮挡；4. 测试不同浏览器全屏功能，统一优化

服务器硬盘出现坏道，数据读取错误

1. 用磁盘检测工具（如 smartctl）扫描坏道，备份重要数据；2. 更换故障硬盘，采用 RAID 阵列实现数据冗余；3. 调整文件系统参数，避免在坏道区域写入数据；4. 定期检查硬盘健康状态，建立数据备份机制

网站页面加载完成后部分元素不显示

1. 检查元素 CSS 样式，是否存在 display: none、visibility: hidden 或 opacity: 0；2. 修复元素渲染逻辑，确保依赖的数据加载完成后再渲染；3. 核实元素是否超出视口范围，需滚动查看；4. 处理浏览器兼容性问题，添加针对特定浏览器的样式修复

网站 WebSocket 连接频繁断开重连

1. 检查服务器是否开启心跳机制，维持连接；2. 修复客户端重连逻辑，设置合理的重连间隔；3. 核实网络环境是否稳定，避免防火墙拦截；4. 优化 WebSocket 数据传输，避免过大数据包导致断开

网站图片显示破损，无法正常加载

1. 检查图片路径是否正确，文件是否损坏；2. 核实图片格式是否被浏览器支持（避免特殊格式）；3. 修复图片文件，重新上传到服务器；4. 配置图片备用地址，加载失败时显示默认图片

网站表单验证提示不显示

1. 检查验证逻辑是否正确触发；2. 修复提示信息渲染逻辑，确保位置正确；3. 确保提示信息样式可见（无隐藏 / 透明）；4. 测试不同输入错误，确保提示准确

网站推送通知功能无法使用

1. 确保网站启用 HTTPS，用户授予通知权限；2. 检查推送服务配置（如 Firebase Cloud Messaging）；3. 修复 Service Worker 推送事件处理逻辑；4. 测试不同浏览器，排查兼容性问题

网站验证码刷新后无法点击或验证失败

1. 检查验证码图片生成接口是否正常返回新图片；2. 修复刷新按钮的事件绑定，确保触发重新请求；3. 核实验证码存储的 session 是否与当前用户匹配；4. 优化验证码识别难度，避免过度复杂导致用户误输

网站复选框 / 单选框选中状态不保存

1. 检查表单提交时是否正确获取选中状态；2. 修复编辑页面的选中状态回显逻辑；3. 确保复选框 / 单选框的 name 和 value 属性设置正确；4. 处理动态生成的复选框 / 单选框，绑定正确事件