谷歌优化技术是什么

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

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

网站后台批量导入数据时超时失败

1. 优化导入接口，采用分片导入机制，分批次处理数据；2. 调整服务器超时配置（如 PHP 的 max_execution_time）；3. 修复数据校验逻辑，减少无效数据处理耗时；4. 提供异步导入功能，后台处理后通知用户结果

网站面包屑导航在动态路由页面显示错误

1. 检查面包屑数据是否从路由元信息中正确获取；2. 修复动态路由参数解析，确保面包屑名称正确显示；3. 核实是否存在路由匹配错误，导致面包屑关联错误页面；4. 手动配置动态路由的面包屑规则，确保显示准确

网站后台角色权限修改后未实时生效

1. 检查权限缓存是否及时清除，添加权限更新后缓存刷新逻辑；2. 修复权限校验接口，确保实时读取最新权限配置；3. 核实用户会话是否重新加载权限信息，必要时强制重新登录；4. 提供权限生效状态提示，告知用户生效时间

网站后台批量操作（如批量删除）执行失败

1. 检查批量操作接口是否支持批量 ID 参数（如数组格式）；2. 修复权限校验逻辑，确保用户有批量操作权限；3. 处理批量操作中的异常数据，避免单个数据失败导致整体中断；4. 显示批量操作结果详情（如成功多少条、失败多少条）

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

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

网站静态资源缓存失效，重复加载

1. 设置合理的 Cache-Control 和 Expires 头，延长缓存时间；2. 对静态资源添加版本号（如 style.v2.css），更新时刷新缓存；3. 确保 CDN 节点缓存配置与源站一致；4. 避免频繁修改静态资源文件名，保持缓存有效性

网站图表 tooltip 显示不全，内容被截断

1. 检查 tooltip 的样式配置，调整 width、height 属性；2. 修复 tooltip 的 overflow 属性，设置为 auto 允许滚动；3. 核实 tooltip 内容是否过长，简化显示信息；4. 调整图表的边距，给 tooltip 预留足够显示空间

网站本地存储（localStorage/sessionStorage）数据丢失

1. 检查存储数据的大小是否超过限制（localStorage 默认 5MB）；2. 核实存储的键名是否重复，避免被覆盖；3. 处理浏览器隐私模式下的存储限制，提供 cookie 备选；4. 确保存储数据格式正确（如 JSON.stringify 序列化）