资源优化常见的有优化两种方式有哪些

网站 CSS 动画在部分浏览器不生效

1. 添加浏览器前缀（-webkit-、-moz-、-ms-）适配不同内核；2. 避免使用过于复杂的动画属性，选择标准支持的属性；3. 检查动画触发条件是否正确（如 hover、class 切换）；4. 用 Can I Use 查询属性兼容性，提供降级方案

网站分页数据加载完成后页面不刷新

1. 修复 AJAX 请求后的 DOM 渲染逻辑，确保数据替换成功；2. 检查分页回调函数是否正确执行，无报错中断；3. 确保分页参数（页码、每页条数）正确更新；4. 处理数据为空时的提示显示，避免页面空白

网站 PWA 应用无法安装或安装后无法打开

1. 检查 manifest.json 文件格式是否正确，必填字段（name、short_name、start_url、icons）是否完整；2. 确保 Service Worker 正确注册并激活；3. 核实网站已部署 HTTPS，且无混合内容；4. 测试不同设备（iOS/Android）的安装流程，排查兼容性

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

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

网站 API 接口签名验证失败

1. 检查签名生成算法是否与服务器一致；2. 核实签名参数（时间戳、nonce）是否正确；3. 确保 API 密钥正确，无泄露或错误；4. 修复签名验证逻辑，避免格式错误

网站 AJAX 请求返回 403 禁止访问

1. 检查用户是否有访问该接口的权限，是否登录状态过期；2. 核实请求头是否包含必要的认证信息（如 Token、Cookie）；3. 修复后端接口的权限校验逻辑，避免误判；4. 排查服务器防火墙是否拦截了该请求（如 IP 黑名单）

网站支付宝支付后回调页面无法访问

1. 检查回调地址是否公网可访问，无防火墙拦截；2. 核实回调地址是否正确配置在支付宝商户平台；3. 修复回调接口的权限校验，确保仅支付宝服务器可访问；4. 处理回调参数的签名验证，避免伪造回调

网站模态框打开后键盘无法操作输入框

1. 检查模态框是否设置了 tabindex 属性，确保可聚焦；2. 修复键盘事件监听，避免被其他脚本阻止；3. 核实输入框是否被禁用或只读，无操作权限；4. 刷新模态框，重新渲染输入框，排查 DOM 结构问题

网站滑块验证码拖动时提示 “验证超时”

1. 检查滑块验证的有效时间配置，是否过短（如 3 秒）；2. 修复验证请求的超时设置，延长接口响应时间；3. 核实网络环境是否稳定，无请求延迟过高；4. 重新加载验证码，快速完成拖动验证