网站优化要做哪些

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

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

网站图片轮播功能异常，无法切换

1. 检查轮播插件是否正确加载，配置是否正确；2. 修复切换事件逻辑（点击 / 滑动）；3. 确保轮播图片路径正确，文件存在；4. 处理轮播自动播放失效问题

网站富文本编辑器无法上传图片

1. 检查富文本编辑器的图片上传接口配置是否正确；2. 核实服务器上传目录权限，确保有写入权限；3. 修复接口跨域问题（如添加 CORS 头）；4. 查看编辑器日志，排查参数传递错误

网站导航栏下拉菜单 hover 时无法显示子菜单

1. 检查下拉菜单的 CSS 样式，是否设置了 display: none 且 hover 时未切换；2. 修复 hover 事件绑定，确保鼠标悬浮在父菜单时显示子菜单；3. 核实子菜单的 z-index 值，避免被其他元素遮挡；4. 调整父菜单与子菜单的间距，避免 hover 中断

网站被镜像复制，内容被窃取

1. 在页面添加版权声明和反盗链标识；2. 配置服务器禁止特定 IP 段或频繁抓取的爬虫；3. 使用 canonical 标签指定原创页面地址；4. 定期监控搜索引擎，发现镜像站点及时投诉

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

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

网站上拉加载更多后页面滚动到顶部

1. 检查上拉加载的 DOM 渲染逻辑，是否导致页面滚动偏移；2. 修复加载后的滚动位置保持，记录加载前的滚动距离；3. 核实是否有脚本强制设置 scrollTop 为 0；4. 优化加载动画位置，避免影响滚动

网站视频画中画功能失效

1. 检查浏览器是否支持画中画 API；2. 修复画中画按钮事件逻辑；3. 确保视频元素满足画中画要求；4. 处理画中画切换时的状态保存

网站表单单选框无法选中

1. 检查单选框 input 元素 name 属性是否相同；2. 修复选中事件逻辑，确保状态正确切换；3. 确保单选框无样式遮挡，可点击；4. 测试不同浏览器，排查兼容性