浏览器网页卡顿或不正常工作等异常排查指南
Lazy loaded image浏览器网页卡顿或不正常工作等异常排查指南
字数 1595阅读时长 4 分钟
2024-11-5
2025-2-3
AI智能摘要
GPT
本文提供了浏览器网页卡顿和异常工作的问题排查指南,涵盖了网站自身问题、第三方脚本及其他浏览器扩展的具体检验步骤。重点强调关闭广告拦截和影响Cookie的工具以解决卡顿,同时推荐使用浏览器开发者工具进行性能分析,并列出已知问题的网站和扩展,以便用户高效排查问题并提升浏览体验。

✨ 前言与总结

本文讨论了浏览器卡顿和异常工作的问题排查方法,强调了关闭广告拦截和影响Cookie的工具的重要性,并提供了针对网站自身、第三方脚本和其他浏览器扩展的排查步骤。建议使用浏览器开发者工具进行性能分析,并列出了已知可能存在问题的网站和扩展。
关键内容
  • 排查网站问题 检测多个网站是否出现问题,判断是否是网站本身问题
  • 脚本管理器排查 禁用特定脚本运行,可在设置中自定义黑名单,注意脚本可能影响网络请求和点击事件。
  • 扩展排查 使用规则模式根据 URL 自动禁用或开启扩展
  • 通用排查 重点关注网页主线程执行和特定网站内容加载情况。
自用全专线,小贵但效果超好
Aifun 爱翻 - 机场测评
Aifun 爱翻 - 机场测评
notion image

📝 主要内容

前言

作为一个内存只有16G的电脑,浏览器卡顿是日常,但也更有利于发现网站、脚本和扩展存在性能问题的地方,不过更多的问题其实是互相冲突导致的异常卡顿,所以这是本文重点讨论和解决的方向

软件配置

Windows 11 最新版 Edge 最新版

排查必做(特别是网站无法正常工作时)

  • 关闭去广告等拦截网站内容加载的工具:
    • 避免误杀等原因造成的网页内容被错误拦截
    • 如 uBlock Origin
  • 关闭等影响Cookie的工具:
    • 特别是无法过人机验证这种情况时
    • 如 隐私獾

一. 网站自身问题

此处不做过多讨论,仅提醒排查时应先检测是否在多个网站上出问题,以排查是否可能是网站本身的问题,虽然这个可能性很小

1. 已知可能存在问题的网站

特定代码进行打印输出时,打印结果已知叠加造成文本框过长

二. 第三方脚本问题

主要是油猴类脚本管理浏览器扩展,在提供了丰富的功能的同时,由于未有效测试或考虑不同网站的差异,导致出现问题

1. 问题排查步骤

  1. 直接关闭脚本管理器浏览器扩展,避免所有可能的影响,问题依旧请跳转到 其他浏览器扩展的问题 进行检查
    1. 在浏览器扩展管理界面进行关闭
      在浏览器扩展管理界面进行关闭
  1. 确定是脚本管理器的问题时,请判断是否必须要在这个页面运行脚本
    1. 不必须运行脚本: 直接在当前域名下,禁用所有脚本运行
      1. notion image
        当禁用时,将会显示如下的扩展图标,左下角有一个X
        notion image
        💡
        可在 脚本管理器-设置-安全-黑名单 进行自定义,可以精细到某种特定URL(利用正则表达式)
        notion image
    2. 必须在当前页面运行脚本:使用二分法 逐个禁用的方式进行排查
      1. 💡
        重点排查脚本类型:
        • 会拦截或修改网络请求的脚本:容易导致网站原有脚本逻辑无法正常运行
        • 会添加或劫持点击等事件的脚本:容易导致网站原有脚本逻辑无法正常运行
        一般无影响的脚本类型:
        • 实现额外的功能: 以图搜图,划词搜索等
        • 改变网站UI样式

三. 其他浏览器扩展的问题

1. 推荐使用浏览器扩展管理器进行快速开关(可选)

2. 问题排查步骤

  1. 使用无痕浏览器扩展管理器关闭所有扩展
    1. 如果问题依旧存在,请考虑更换浏览器甚至设备
  1. 如果恢复正常,则使用二分法 逐个禁用的方式进行排查是哪个扩展造成的
    1. 💡
      定位到具体浏览器扩展的问题,但又想在其他网页使用,可以用扩展管理器的规则模式,来根据URL来自动禁用或开启扩展

3. 已知可能存在问题的浏览器扩展

    1. 部分功能在特定情况存在卡顿问题
    1. 在Notion的page页面内存在卡顿问题

四. 浏览器开发者工具通用性排查方法(速度取决与技术)

1. 浏览器开发者性能工具(要求不能完全卡死,否则可能也无法进行分析)

网页加载过程中卡顿:记录并重新加载并分析
notion image
后续操作过程的卡顿:开始记录
💡
重点分析,网页主线程的脚本执行过程,重点关注长任务和非网站JS执行
notion image

2. 浏览器开发者网络工具(可能性较小)

分析是否有特定网站内容被阻止加载,或被其他第三发工具修改

📖 延伸阅读

暂无

🤗 总结归纳

暂无
自用全专线,小贵但效果超好
Aifun 爱翻 - 机场测评
Aifun 爱翻 - 机场测评
notion image

📎 参考文章

主要参考 暂无
 
💡
还可以加入Telegram的七行的小仓库|互联网记忆|博客 七行 技术交流群 找到更多小技巧哦🥰,还可以在聊天群探讨各种问题❓
欢迎在底部评论区分享您的想法和经验,让我们一起共同探讨,共同进步!

评论
Loading...