搜索引擎优化seo课程总结

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

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

网站视频全屏播放失效

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

打开网站显示 “400 Bad Request”

1. 检查本地网络是否正常，重启路由器排查断网问题；2. 调整 Web 服务器的 client_header_buffer_size、large_client_header_buffers 参数；3. 核实 WEB 服务器模块是否正常加载（如 Nginx 的 PHP 模块）；4. 重启僵死的 Web 服务器进程

网站页面滚动时元素错位或抖动

1. 检查 CSS 定位属性（如 position: fixed）是否正确，避免滚动时偏移；2. 修复滚动事件监听逻辑，避免频繁修改 DOM 导致回流；3. 确保元素宽高固定，或使用 flex/grid 布局适配滚动；4. 处理移动端滚动穿透问题，避免弹窗滚动影响背景

网站购物车商品价格与商品详情页不一致

1. 检查购物车商品价格缓存是否及时更新（如商品降价 / 涨价后）；2. 修复价格计算逻辑，确保包含优惠、满减等规则；3. 核实是否存在会员专享价、限时折扣等差异化定价；4. 刷新购物车页面，重新拉取最新商品价格

网站表单复选框无法选中

1. 检查复选框 input 元素 type 是否为 checkbox；2. 修复选中事件逻辑，确保状态正确切换；3. 确保复选框无样式遮挡，可点击；4. 测试不同浏览器，排查兼容性

网站推送通知无法接收

1. 检查用户是否已授权通知权限；2. 核实 Service Worker 是否正确注册推送事件；3. 确保推送服务器配置正确，能正常发送推送消息；4. 排查浏览器是否支持推送 API，提供降级方案

网站支付功能异常，无法完成支付

1. 检查支付接口配置（如 API 密钥、回调地址）是否正确；2. 查看支付日志，排查接口调用错误；3. 确保支付流程完整，无跳转中断；4. 测试不同支付方式，确认是否单一方式故障

网站 PWA 应用离线无法访问

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