如何优化网页性能

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

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

网站文件上传进度条不更新

1. 检查 XMLHttpRequest 的 progress 事件监听是否正确；2. 修复进度计算逻辑，确保百分比准确（loaded/total）；3. 核实服务器是否返回 Content-Length 头，便于计算进度；4. 处理大文件分片上传时的进度累加逻辑

网站二维码扫码后跳转地址错误

1. 检查二维码生成时的跳转地址参数是否正确；2. 核实地址是否包含特殊字符，未进行 URL 编码；3. 确保跳转地址的域名可访问，无拼写错误；4. 测试不同扫码工具，排查兼容性问题

网站表单时间选择器分钟步长设置无效

1. 核实时间选择器的 stepMinutes 参数配置是否正确；2. 修复插件初始化逻辑，确保步长参数正确传递；3. 避免自定义样式覆盖插件默认步长控制；4. 测试不同时间格式（12 小时 / 24 小时制）下的效果

网站图片加载完成后出现白边或边框

1. 检查图片元素的 CSS 样式，是否存在默认 border 或 padding；2. 修复图片容器的 overflow 属性，避免内容溢出产生白边；3. 核实图片原始尺寸是否与容器适配，必要时裁剪；4. 给图片添加 display: block 属性，消除 inline 默认间距

网站推送通知功能无法使用

1. 确保网站启用 HTTPS，用户授予通知权限；2. 检查推送服务配置（如 Firebase Cloud Messaging）；3. 修复 Service Worker 推送事件处理逻辑；4. 测试不同浏览器，排查兼容性问题

网站上拉加载更多后页面滚动到顶部

1. 检查上拉加载的 DOM 渲染逻辑，是否导致页面滚动偏移；2. 修复加载后的滚动位置保持，记录加载前的滚动距离；3. 核实是否有脚本强制设置 scrollTop 为 0；4. 优化加载动画位置，避免影响滚动

操作系统防火墙设置导致网站端口无法访问

1. 检查 iptables/ufw 防火墙规则，开放网站端口（如 80、443）；2. 确认防火墙的 input/output 规则是否阻止了请求 / 响应；3. 临时关闭防火墙测试是否恢复访问，定位问题根源；4. 配置防火墙白名单，仅允许合法 IP 访问

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

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