系统优化的方法知识点有哪些技巧

网站 localStorage 存储数据丢失

1. 检查存储数据大小，不超过 5MB 限制；2. 避免存储敏感数据，防止浏览器清理；3. 增加数据备份机制，定期同步到服务器；4. 处理浏览器隐私模式下 localStorage 不可用的情况

网站在 Firefox 浏览器显示异常

1. 检查 CSS 兼容性，使用前缀（-moz-）适配 Firefox；2. 避免使用浏览器专属属性，采用标准 HTML/CSS；3. 用 Firefox 开发者工具排查布局问题；4. 测试不同 Firefox 版本，确保兼容主流版本

网站表单下拉框无法显示选项

1. 检查下拉框数据是否正确加载，接口是否正常；2. 修复下拉框渲染逻辑，确保选项可见；3. 确保下拉框无样式遮挡（如 z-index 过低）；4. 测试不同浏览器，排查兼容性

网站高对比度模式不生效

1. 编写高对比度 CSS 样式，优化文字与背景对比；2. 修复模式切换逻辑，确保样式正确应用；3. 确保所有元素支持高对比度模式，无视觉盲区；4. 遵循 WCAG 标准，提升可访问性

网站后台无法上传文件

1. 检查文件上传大小限制（php.ini upload_max_filesize）；2. 核实上传目录权限，确保有写入权限；3. 修复文件类型过滤逻辑，避免合法文件被拦截；4. 查看上传日志，排查接口错误或网络问题

网站 Cookie 无法设置或读取

1. 检查 Cookie 设置参数（domain、path、expires）是否正确；2. 确保 Cookie 大小不超过 4KB；3. 修复浏览器禁用 Cookie 的提示，引导用户启用；4. 对重要数据，避免依赖 Cookie，采用 localStorage

网站被镜像复制，内容被窃取

1. 在页面添加版权声明和反盗链标识；2. 配置服务器禁止特定 IP 段或频繁抓取的爬虫；3. 使用 canonical 标签指定原创页面地址；4. 定期监控搜索引擎，发现镜像站点及时投诉

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

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

网站加载速度极慢，页面卡顿

1. 压缩图片 / 视频文件，合并 CSS/JS 文件减少 HTTP 请求；2. 启用浏览器缓存和 CDN 加速静态资源；3. 优化数据库查询（建立索引、减少嵌套查询）；4. 检查服务器 CPU / 内存 / IO 负载，升级硬件或调整内核参数