Edge与Brave浏览器站点加载缓慢，Opera及Firefox正常求助

核心现象 #

站点基于PHP/XAMPP搭建，加载50-100条SQL查询结果并通过

标签遍历输出，在Opera、Firefox中加载无延迟，但Edge、Brave中卡顿数分钟；已确认SQL遍历与输出在服务器端完成，问题出在浏览器环节。

排查与解决步骤 #

• 定位浏览器端耗时节点：打开开发者工具（F12）→「网络」标签，刷新页面后对比「文档下载完成时间」和「DOMContentLoaded」「加载完成」的时间差。若下载完成早但渲染耗时久，直接锁定浏览器渲染层问题。
• 禁用硬件加速：Edge和Brave基于Chromium内核，硬件加速兼容性问题可能导致渲染卡顿。进入浏览器设置关闭硬件加速，重启后测试。
• 临时禁用所有扩展：广告拦截、隐私类插件可能会扫描或修改DOM内容，拖慢渲染速度。禁用扩展后再验证加载速度。
• 优化DOM结构：将连续的

  标签包裹在一个父容器（如<div class="result-container">）中，减少顶层DOM节点数量，降低Chromium内核的渲染压力。

• 规范HTML输出：确保SQL查询结果中的特殊字符（如&、<、>）通过htmlspecialchars()转义，避免无效HTML导致Chromium内核额外的容错处理开销。
• 启用PHP输出缓冲：在脚本开头添加ob_start();，结尾添加ob_end_flush();，让服务器一次性输出完整HTML内容，避免分块输出引发的多次渲染。
• 最小化场景测试：写极简脚本仅输出100个空

  标签，若仍卡顿则是Chromium对大量同类型标签的渲染优化问题；若不卡顿，则排查SQL输出内容中的特殊格式或字符。

内容的提问来源于stack exchange，提问作者gavin stanley