简述系统优化原理及方法论的应用

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

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

网站按钮点击后无响应，控制台无报错

1. 检查按钮是否被其他元素遮挡（如透明 div 覆盖），通过浏览器开发者工具排查；2. 修复按钮事件绑定，确保未被重复解绑或覆盖；3. 核实按钮是否处于 disabled 状态，无点击权限；4. 刷新页面或清除缓存，处理脚本加载异常

网站第三方统计工具数据与实际访问量差异大

1. 检查统计代码是否仅在部分页面嵌入，未全量部署；2. 修复统计代码的过滤规则，是否误过滤了正常访问（如内部 IP）；3. 核实统计工具的计数规则（如 UV/PV 定义）是否与预期一致；4. 对比服务器访问日志，排查统计代码遗漏问题

网站地图导航路线规划错误

1. 检查地图 API 的起点、终点坐标是否正确；2. 核实路线规划的出行方式（步行 / 驾车 / 公交）设置是否正确；3. 确保地图 API 密钥有效，且已开通路线规划功能；4. 处理无路线时的提示，提供备选方案

网站 AJAX 请求返回 504 网关超时

1. 检查后端接口响应时间是否过长，优化接口性能；2. 修复 Web 服务器（Nginx）的超时配置（如 proxy_connect_timeout）；3. 核实后端服务是否正常运行，无宕机或过载；4. 分拆大请求为多个小请求，减少单次请求耗时

网站登录功能失效，无法登录

1. 检查登录表单提交地址是否正确，接口是否正常；2. 核实账号密码是否正确，是否区分大小写；3. 查看登录日志，排查账号锁定或异常登录；4. 清除浏览器 cookie，测试重新登录

网站跨域请求在 IE 浏览器提示 “Access is denied”

1. 检查 IE 浏览器版本，低版本不支持 CORS，需使用 JSONP 或代理；2. 修复后端接口，支持 JSONP 跨域方式；3. 核实是否存在自定义头信息，IE 低版本不支持；4. 配置代理服务器，转发跨域请求规避限制

网站后台数据统计图表无法显示

1. 检查图表生成接口是否正常，是否返回数据；2. 核实图表渲染插件（如 ECharts）是否正确加载；3. 修复数据统计逻辑，确保数据准确；4. 测试不同浏览器，排查兼容性问题

网站实时聊天功能消息发送失败

1. 检查聊天服务器是否正常运行；2. 核实 WebSocket 连接是否稳定；3. 修复消息发送逻辑，确保数据正确传输；4. 处理网络异常，提示用户重试