网络优化工程师是干嘛的工作

网站前端样式错乱，与设计图不符

1. 检查 CSS 选择器优先级，避免样式覆盖；2. 修复浏览器兼容性问题，添加前缀适配不同内核；3. 确保 HTML 结构与 CSS 选择器匹配，无结构变更；4. 清除浏览器缓存，测试最新样式

网站表单下拉框搜索功能失效

1. 检查搜索逻辑是否正确，是否匹配选项；2. 修复搜索事件监听，确保输入触发搜索；3. 确保搜索结果及时更新，显示匹配选项；4. 处理无匹配结果的提示

网站后台模块无法加载

1. 检查模块是否正确安装，文件是否完整；2. 核实模块配置是否正确，是否启用；3. 修复模块加载逻辑，避免依赖缺失；4. 查看模块加载日志，排查错误原因

网站页面在 Firefox 浏览器 JavaScript 报错

1. 检查 JS 代码是否使用了 Firefox 不支持的 API 或语法；2. 修复控制台报错提示的具体代码行，替换兼容写法；3. 核实 Firefox 浏览器版本，是否为旧版本不支持新特性；4. 启用 Firefox 的兼容模式测试，排查兼容性问题

网站模态框打开后背景滚动无法禁止

1. 打开模态框时给 body 添加 overflow: hidden 样式；2. 修复移动端触摸事件，禁止背景滚动；3. 确保模态框关闭时移除禁止滚动样式；4. 处理 iOS 系统的弹性滚动问题，添加额外兼容代码

网站服务器时间错误，影响业务逻辑

1. 同步网络时间协议（NTP），确保服务器时间准确；2. 调整服务器时区，与业务所在时区一致；3. 检查应用程序是否依赖服务器时间，避免逻辑错误；4. 定期校准服务器时间，防止偏差

网站实时聊天消息发送后对方接收不到

1. 检查 WebSocket 消息推送逻辑，是否正确发送给目标用户；2. 修复用户在线状态判断，确保对方处于在线状态；3. 核实消息队列是否存在消息堆积，未及时推送；4. 提供消息送达回执，确认对方是否已接收

网站移动端页面在横屏模式下布局错乱

1. 检查 CSS 媒体查询，是否针对横屏（orientation: landscape）优化布局；2. 修复页面元素宽高设置，避免固定像素导致适配问题；3. 核实 viewport 标签是否设置了 user-scalable=no，禁止缩放；4. 测试不同手机型号的横屏效果，针对性修复

网站图表数据 tooltip 显示异常

1. 检查 tooltip 配置是否正确，字段映射是否准确；2. 修复 tooltip 样式，确保不被遮挡且显示完整；3. 处理大数据量时的 tooltip 延迟问题，优化渲染；4. 确保 tooltip 触发条件正确（如 hover、click）