网站优化方案和实施情况的区别是什么怎么填啊

网站 CSS 动画执行完毕后不重置状态

1. 检查动画配置是否添加了 animation-fill-mode: forwards，导致保持结束状态；2. 修复动画结束事件监听，触发后重置元素状态；3. 核实是否需要循环动画（animation-iteration-count: infinite）；4. 手动重置动画状态，如添加 class 后移除

网站搜索框自动补全下拉框被输入法遮挡

1. 检查补全下拉框的 z-index 值，确保高于输入法；2. 修复输入框聚焦后的下拉框位置调整，避免被遮挡；3. 核实输入法是否启用了悬浮模式，调整页面布局避开；4. 优化补全下拉框样式，缩短显示长度适配输入法

网站 cookie 无法设置或读取

1. 检查 cookie 的 domain、path 配置是否正确，与当前页面匹配；2. 核实 cookie 的 expires/max-age 设置，避免立即过期；3. 处理 HTTPS 环境下的 Secure 属性，确保正确设置；4. 检查浏览器是否禁用 cookie，给出提示引导开启

网站复选框 / 单选框选中状态不保存

1. 检查表单提交时是否正确获取选中状态；2. 修复编辑页面的选中状态回显逻辑；3. 确保复选框 / 单选框的 name 和 value 属性设置正确；4. 处理动态生成的复选框 / 单选框，绑定正确事件

网站第三方统计工具数据不显示

1. 检查统计代码是否正确嵌入，无语法错误；2. 核实统计工具的站点 ID / 配置是否正确；3. 确保统计代码在页面加载完成前执行，无异步阻塞；4. 排查广告拦截插件是否屏蔽了统计域名

网站 PWA 应用离线无法访问

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

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

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

网站在 5G 网络下加载仍缓慢

1. 检查服务器响应时间，优化后端性能；2. 压缩资源文件，减少数据传输量；3. 修复资源加载阻塞问题，并行加载；4. 确保 CDN 节点在 5G 网络下正常工作