系统优化法

网站动态加载的内容无法被搜索引擎抓取

1. 启用服务器端渲染（SSR）或预渲染（Prerender），生成静态 HTML；2. 配置动态渲染规则，给搜索引擎返回静态内容；3. 利用 AJAX 爬虫规范（如 #! 标识），引导搜索引擎抓取；4. 将关键动态内容添加到 sitemap.xml，提升收录概率

网站商品搜索结果排序混乱

1. 检查排序算法是否正确（如按销量、价格、上架时间排序）；2. 修复排序参数传递逻辑，确保用户选择的排序方式生效；3. 核实排序字段是否正确索引，提升排序效率；4. 处理无排序条件时的默认排序规则（如按综合评分）

网站整体在 IE 浏览器打开空白，无任何内容

1. 检查 HTML 文档是否存在语法错误，IE 对语法更严格；2. 修复 JS 代码，移除 IE 不支持的语法或 API；3. 核实是否存在样式表加载失败，导致页面隐藏；4. 逐步注释代码排查问题，定位导致空白的具体脚本或样式

网站下拉框选项过多时出现滚动条无法滚动

1. 检查下拉框的 overflow 属性是否设置为 auto，且高度固定；2. 修复滚动事件监听，确保鼠标滚轮或触摸滚动生效；3. 核实下拉框是否被其他元素遮挡，导致滚动事件失效；4. 优化下拉框，启用搜索或分页加载，减少选项数量

网站 OCR 识别无法提取文字或提取错误

1. 确保图片清晰、文字对比度高，无遮挡；2. 调整图片尺寸，符合 OCR 接口要求（如最小分辨率）；3. 选择支持对应语言的 OCR 接口；4. 处理倾斜图片，先进行旋转校正再识别

网站模态框（弹窗）无法关闭或打开多次

1. 检查关闭按钮的事件绑定是否正确，无重复绑定；2. 修复模态框显示状态标识，避免多次打开叠加；3. 确保模态框的 z-index 值足够高，不被其他元素遮挡；4. 处理模态框关闭后的回调函数，重置表单或数据

网站举办促销活动时突发流量过载

1. 启用弹性扩容，自动增加服务器资源（云服务器适用）；2. 配置缓存服务器（如 Redis），缓存热门页面和数据；3. 采用限流和排队机制，避免服务器崩溃；4. 提前预热 CDN，分流静态资源访问压力

网站视频在线播放卡顿

1. 提供多码率视频，适配不同网络速度；2. 启用视频分段加载，避免缓冲等待；3. 优化视频服务器带宽，提升传输速度；4. 采用 CDN 加速视频分发，减少延迟

网站时间选择器时区转换错误

1. 检查时间选择器是否配置了正确的时区（如 UTC+8）；2. 修复时间存储逻辑，确保前端显示时间与后端存储时间时区一致；3. 核实是否需要自动转换用户本地时区；4. 显示时区标识，让用户明确当前时间所属时区