网站优化入门技巧与方法视频

网站标签页切换时标题不更新

1. 检查标签页切换事件，是否正确修改 document.title；2. 修复标题数据传递，确保每个标签页的标题参数正确；3. 核实是否存在浏览器缓存标题，未及时刷新；4. 切换标签页后手动触发标题更新，排查事件绑定问题

网站用户头像上传后不显示

1. 检查头像上传路径是否正确，文件是否保存成功；2. 核实页面头像加载路径是否正确；3. 修复头像裁剪逻辑，确保图片格式 / 尺寸符合要求；4. 清除浏览器缓存，测试最新头像

网站图片加载缓慢，占用带宽大

1. 压缩图片格式（如 WebP），降低分辨率适配不同设备；2. 启用图片懒加载，只加载可视区域图片；3. 利用 CDN 分发图片资源，缩短访问距离；4. 设置图片缓存时间（Cache-Control），减少重复下载

网站标签页切换时触发页面刷新

1. 检查标签页切换事件是否误绑定了刷新逻辑；2. 修复标签页内容加载方式，采用局部刷新而非整页刷新；3. 核实是否存在标签页 URL 参数变化导致的刷新；4. 禁用标签页切换时的默认刷新行为

网站 CSS 动画执行完毕后不重置状态

1. 检查动画配置是否添加了 animation-fill-mode: forwards，导致保持结束状态；2. 修复动画结束事件监听，触发后重置元素状态；3. 核实是否需要循环动画（animation-iteration-count: infinite）；4. 手动重置动画状态，如添加 class 后移除

路由器长时间运行导致网站访问不稳定

1. 重启路由器，解决固件缓存或过热问题；2. 升级路由器固件版本，修复已知漏洞；3. 检查路由器网络配置，确保 IP / 子网掩码 / 网关设置正确；4. 更换性能更好的路由器，提升网络稳定性

网站第三方登录功能失效（微信 / QQ）

1. 检查第三方登录配置（AppID、AppSecret）是否正确；2. 核实回调地址是否与配置一致；3. 修复授权流程，确保步骤正确；4. 查看第三方平台开发者日志，排查错误

网站 cookie 无法设置或读取

1. 检查 cookie 的 domain、path 配置是否正确，与当前页面匹配；2. 核实 cookie 的 expires/max-age 设置，避免立即过期；3. 处理 HTTPS 环境下的 Secure 属性，确保正确设置；4. 检查浏览器是否禁用 cookie，给出提示引导开启

网站搜索框自动补全功能失效

1. 检查自动补全接口是否正常响应，返回候选关键词；2. 修复输入事件监听，确保实时触发接口请求；3. 确保补全结果的下拉框正确渲染，无样式遮挡；4. 处理输入过快导致的接口请求拥堵，添加防抖处理