搜索引擎优化怎么做出来的

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

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

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

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

网站整体在 IE 浏览器打开空白，无任何内容

1. 检查 HTML 文档是否存在语法错误，IE 对语法更严格；2. 修复 JS 代码，移除 IE 不支持的语法或 API；3. 核实是否存在样式表加载失败，导致页面隐藏；4. 逐步注释代码排查问题，定位导致空白的具体脚本或样式

网站图片加载完成后出现变形拉伸

1. 确保图片容器设置固定宽高比，避免直接拉伸；2. 修复图片的 object-fit 属性设置（如 cover、contain）；3. 核实图片原始尺寸是否与容器适配，必要时进行裁剪；4. 处理响应式场景下的图片尺寸调整，使用媒体查询

网站模态框打开后背景滚动无法禁止

1. 打开模态框时给 body 添加 overflow: hidden 样式；2. 修复移动端触摸事件，禁止背景滚动；3. 确保模态框关闭时移除禁止滚动样式；4. 处理 iOS 系统的弹性滚动问题，添加额外兼容代码

网站 Elasticsearch 搜索无法使用

1. 检查 Elasticsearch 服务是否正常启动；2. 核实索引是否创建成功，数据是否同步；3. 修复搜索查询语法，避免错误；4. 查看 Elasticsearch 日志，排查错误原因

网站文件下载时文件名与预期不一致

1. 检查后端响应头的 Content-Disposition 是否正确设置 filename 参数；2. 修复文件名拼接逻辑，避免参数传递错误；3. 核实是否存在文件名重命名规则，导致自动修改；4. 测试不同文件类型的下载，排查特定类型问题

网站在微信内置浏览器打开异常

1. 修复微信浏览器专属兼容性问题（如 AJAX 缓存、分享接口）；2. 配置微信网页授权，确保回调地址正确；3. 避免使用微信不支持的 JSAPI 或插件；4. 测试微信不同版本，确保兼容主流版本

网站表格合并单元格后排序 / 筛选失效

1. 修复排序 / 筛选算法，确保正确识别合并单元格的数据；2. 避免合并关键数据列，只合并展示性列（如备注）；3. 排序 / 筛选时临时取消合并，排序完成后重新合并；4. 提示用户合并单元格后排序可能影响结果，建议先取消合并