网页优化包括哪几项功能和作用

网站服务器进程僵死，无法响应请求

1. 用 ps 命令查找僵死进程（状态为 Z），kill -9 强制结束；2. 配置进程监控工具（如 Supervisor），自动重启僵死进程；3. 排查进程僵死原因（如资源耗尽、代码死锁）；4. 优化代码，避免无限等待或资源未释放

网站 PWA 应用无法接收推送通知，提示 “权限被拒”

1. 检查用户是否已拒绝通知权限，引导在浏览器设置中重新开启；2. 修复推送权限申请逻辑，确保在用户交互后触发（如点击按钮）；3. 核实浏览器是否支持 Push API（如部分国产浏览器不支持）；4. 提供权限申请引导页面，告知用户开启通知的步骤

网站视频播放时画面与声音不同步

1. 检查视频文件是否存在编码问题，重新编码后测试；2. 修复视频播放器的缓冲逻辑，避免音视频加载速度不一致；3. 核实服务器传输是否稳定，无数据包丢失；4. 提供视频重新加载按钮，解决临时同步问题

网站面包屑导航缺失部分层级

1. 检查面包屑数据来源，是否正确获取页面的完整层级关系；2. 修复路由配置中的元信息（meta），确保层级字段完整；3. 核实动态路由参数是否正确传递，无层级丢失；4. 手动补充缺失层级的链接和名称，排查数据查询问题

网站表格筛选功能失效

1. 检查筛选条件输入是否正确；2. 修复筛选逻辑，确保数据正确过滤；3. 确保筛选状态正确保存，分页时不丢失；4. 处理多条件筛选，确保逻辑正确

网站验证码刷新后无法点击或验证失败

1. 检查验证码图片生成接口是否正常返回新图片；2. 修复刷新按钮的事件绑定，确保触发重新请求；3. 核实验证码存储的 session 是否与当前用户匹配；4. 优化验证码识别难度，避免过度复杂导致用户误输

网站在平板设备上布局错乱

1. 优化响应式布局，添加平板设备媒体查询（768px-1024px）；2. 调整元素尺寸和间距，适配平板屏幕；3. 确保触摸目标尺寸足够（不小于 48px）；4. 测试横屏 / 竖屏切换，布局自动调整

网站下拉框选项过多导致加载卡顿

1. 实现下拉框搜索功能，过滤匹配选项；2. 采用分页加载下拉框选项，滚动到底部加载更多；3. 限制下拉框最大显示选项数（如 50 条）；4. 优化下拉框渲染逻辑，减少 DOM 操作

网站用户评价无法上传图片

1. 检查评价图片上传接口配置是否正确，上传目录是否有写入权限；2. 修复图片大小 / 格式限制逻辑（如是否允许 png/jpg，单张不超过 5MB）；3. 核实图片上传数量是否超出限制（如最多上传 5 张）；4. 处理网络异常导致的上传失败，提供重新上传入口