网站优化的概念和技巧

网站 404 页面未自定义，显示默认页面

1. 创建自定义 404 页面，包含网站导航和搜索功能；2. 配置 Web 服务器，指定 404 页面（Nginx 用 error_page 404 /404.html）；3. 优化 404 页面 SEO，设置 noindex 标签；4. 在 404 页面添加返回首页按钮，提升体验

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

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

网站 WebSocket 在 IE 浏览器无法连接

1. 检查 IE 浏览器版本，IE10 及以下不支持 WebSocket；2. 修复兼容方案，使用 Socket.IO 等支持降级的库；3. 核实服务器是否支持 WebSocket 协议，无配置错误；4. 提示用户升级浏览器，或提供非实时替代功能

网站 JavaScript 定时器（setInterval/setTimeout）执行异常

1. 检查定时器回调函数是否有语法错误或报错中断；2. 修复定时器触发条件，避免重复创建或未清除；3. 处理页面隐藏时的定时器暂停，节省性能；4. 确保定时器依赖的 DOM 元素存在，避免空指针

网站页面滚动卡顿，动画不流畅

1. 优化 CSS 动画，使用 transform 和 opacity 属性（GPU 加速）；2. 减少页面 DOM 元素数量，避免复杂选择器；3. 禁用不必要的滚动事件监听，减少主线程阻塞；4. 测试不同设备性能，针对低端设备优化

网站二维码生成失败

1. 检查二维码生成接口是否正常；2. 核实生成参数（内容、尺寸、容错级别）是否正确；3. 修复二维码图片保存 / 输出逻辑；4. 测试不同内容长度，确保生成成功

网站搜索功能无法找到相关结果

1. 优化搜索算法，支持模糊查询和关键词匹配；2. 确保搜索索引及时更新，包含最新内容；3. 扩大搜索范围，涵盖标题、正文、标签等字段；4. 当无结果时，推荐相关热门内容，提升体验

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

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

网站表单上传文件大小超出限制提示不明确

1. 在前端添加文件大小校验，超过限制时实时提示；2. 配置 Web 服务器的 client_max_body_size 参数（Nginx），明确限制大小；3. 后端返回具体错误信息（如 “文件超过 5MB 限制”）；4. 在表单页面提前标注文件大小限制说明