关键词优化方法有哪些类型有哪些形式的

网站图片加载完成后出现变形拉伸

1. 确保图片容器设置固定宽高比，避免直接拉伸；2. 修复图片的 object-fit 属性设置（如 cover、contain）；3. 核实图片原始尺寸是否与容器适配，必要时进行裁剪；4. 处理响应式场景下的图片尺寸调整，使用媒体查询

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

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

网站遭受 SQL 注入攻击

1. 对用户输入进行过滤和转义，避免直接拼接 SQL 语句；2. 使用参数化查询或 ORM 框架（如 MyBatis、Eloquent）；3. 限制数据库账户权限，仅授予必要操作权限；4. 定期进行安全审计，扫描注入漏洞

网站翻译功能失效

1. 检查翻译接口是否正常，API 密钥是否有效；2. 核实源语言和目标语言设置是否正确；3. 修复翻译文本传输逻辑，避免特殊字符导致异常；4. 处理翻译超时，提示用户重试

网站跨域请求携带 cookie 失败

1. 前端 AJAX 请求添加 withCredentials: true 配置；2. 后端响应头添加 Access-Control-Allow-Credentials: true；3. 确保 Access-Control-Allow-Origin 不设置为 *（需指定具体域名）；4. 检查 cookie 的 domain、path 配置是否与请求域名匹配

网站实时聊天消息发送后对方接收不到

1. 检查 WebSocket 消息推送逻辑，是否正确发送给目标用户；2. 修复用户在线状态判断，确保对方处于在线状态；3. 核实消息队列是否存在消息堆积，未及时推送；4. 提供消息送达回执，确认对方是否已接收

网站翻译功能返回结果与原文无关

1. 检查翻译接口的源语言和目标语言参数是否设置错误；2. 修复输入文本传递逻辑，确保原文完整传入接口；3. 核实翻译 API 是否支持当前文本类型（如长文本、专业术语）；4. 更换翻译接口，对比结果排查问题

网站验证码刷新后与输入框不匹配

1. 检查验证码刷新后的 session 更新逻辑，确保新验证码与 session 一致；2. 修复验证码图片生成接口，避免刷新后返回旧验证码；3. 核实输入框是否绑定了正确的验证函数，无缓存旧验证码；4. 刷新页面后重新获取验证码，排查临时同步问题

服务器 CPU 负载过高导致网站卡死

1. 用 top 命令查看占用 CPU 过高的进程，关闭非必要服务；2. 排查代码中的死循环，优化耗时运算逻辑；3. 增加 CPU 核心数，或采用负载均衡分散压力；4. 限制单个进程的 CPU 使用率，避免资源独占