资源优化的两种方式分别是

网站表单下拉框搜索功能失效

1. 检查搜索逻辑是否正确，是否匹配选项；2. 修复搜索事件监听，确保输入触发搜索；3. 确保搜索结果及时更新，显示匹配选项；4. 处理无匹配结果的提示

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

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

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

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

网站打印预览显示异常

1. 优化打印 CSS，确保预览样式正确；2. 修复打印预览中图片缺失问题；3. 确保打印预览中内容完整，不被截断；4. 测试不同浏览器打印预览，统一优化

网站 CDN 加速未生效，静态资源加载慢

1. 检查 CDN 配置是否正确，源站地址是否无误；2. 核实域名解析是否指向 CDN 节点，而非源站 IP；3. 清除 CDN 缓存，确保最新资源生效；4. 测试 CDN 节点连通性，更换故障节点

网站复选框选中后提交，后端未接收到值

1. 检查复选框的 name 属性是否正确，无拼写错误；2. 修复表单序列化逻辑，确保选中的复选框值被正确传递；3. 核实后端接口是否支持数组参数（如 name="hobby []"）；4. 测试单个复选框选中提交，排查多个复选框冲突问题

网站图表无法显示或加载失败

1. 检查图表插件是否正确加载，依赖的 JS 库（如 Chart.js、ECharts）是否完整；2. 核实图表数据格式是否正确，与插件要求一致；3. 确保图表容器有明确的宽高，避免无法渲染；4. 查看浏览器控制台，排查脚本错误或数据为空

网站下拉框选项选中后不显示选中状态

1. 检查选中状态的 CSS 样式是否正确（如 background-color、color）；2. 修复选中值的存储逻辑，确保选中状态正确记录；3. 核实下拉框插件是否正确处理选中事件；4. 刷新下拉框组件，重新渲染选中状态

网站外部链接质量低，影响排名

1. 拒绝垃圾外链，通过 Google Search Console disavow 工具；2. 主动交换高质量行业相关外链；3. 在权威平台发布原创内容，带上网站链接；4. 避免购买外链，防止被搜索引擎惩罚