首页 > 其他分享 >浏览器 performance 测试页面性能,查看阻塞代码

浏览器 performance 测试页面性能,查看阻塞代码

时间:2024-06-03 16:56:20浏览次数:15  
标签:浏览器 渲染 阻塞 js 线程 performance 执行 页面

截图

image

黄色指的js执行

紫色指的浏览器渲染

一般只需要看 js 和 render 这2个就行,其他不用看,并从这2个中看出哪里的代码导致阻塞线程比较久。

main线程推测

main线程就是浏览器的主线程,主要负责浏览器的渲染和js代码执行,由此可见,浏览器用于渲染和js执行是一个线程,也就是主线程。渲染执行,一般js就停止,js执行,渲染就执行。

标签:浏览器,渲染,阻塞,js,线程,performance,执行,页面
From: https://www.cnblogs.com/jocongmin/p/18229214

相关文章

  • 浏览器重绘和回流
    概述重绘指的是元素重新绘制,一般性能消耗很小,不用在意,一般修改颜色或者虚拟隐藏都是重绘回流指的是修改元素宽高或者位置或者获取元素宽高位置等都是回流,性能消耗较大。重绘(repaint):元素样式改变不影响布局回流(reflow):也叫重排,当元素的尺寸、结构变化或触发某些属性时,浏......
  • 今天分享一篇Python启动浏览器的文章
    1.首先是浏览器选择,因为我之前自己电脑测试,安装了Firefox浏览器,版本号:45.0.2。但是这个版本号的浏览器找不到对应的驱动,但是本人又不想卸载这个浏览器,所以转而使用谷歌浏览器进行自动化测试了。Firefox驱动下载地址:https://github.com/mozilla/geckodriver/releases,如果有需要的......
  • QShop商城-页面按钮权限控制(基于角色)
    QShop商城-页面按钮权限控制基于角色的权限控制在业界接受度较高的权限模型是RBAC(Role-BasedAccessControl),基本的概念是将“角色”这个概念赋予用户,在系统中用户通过分配角色从而获得相应的权限,一个用户可以有多个角色,一个角色可以有多个权限,从而实现权限的灵活配置。......
  • 关于网易游戏官网-部分游戏页面特效实现思路的简述
    【版权声明】未经博主同意,谢绝转载!(请尊重原创,博主保留追究权)https://www.cnblogs.com/cnb-yuchen/p/18032062>出自【进步*于辰的博客】大学学习前端的时候,我们团队以【网易游戏官网】中的部分游戏页面作为参考开发了一些页面作为实训作品(作品源码我已上传→网易游戏官网-部......
  • QShop商城-页面按钮权限控制(基于角色)
    QShop商城-页面按钮权限控制基于角色的权限控制在业界接受度较高的权限模型是RBAC(Role-BasedAccessControl),基本的概念是将“角色”这个概念赋予用户,在系统中用户通过分配角色从而获得相应的权限,一个用户可以有多个角色,一个角色可以有多个权限,从而实现权限的灵活配置。......
  • Python使用BeautifulSoup爬取人人影视的详情页面
    importrequests,jsonfrombs4importBeautifulSoupif__name__=='__main__':url="https://yyets.com/movies/201565/"headers={"User-Agent":"Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537......
  • 成功解决:OSError: [WinError 1455] 页面文件太小,无法完成操作。
    出现问题的原因:虚拟内存不足无法完成操作只需要把所在盘的虚拟内存扩大就好啦1.搜索高级系统设置2.点击高级,再点击设置3.点击高级4.更改虚拟内存5.我的在D盘所以改的是D盘的虚拟内存大小点击自定义大小6.将值改成10240,两个都是问题成功解决......
  • CSS动画效果(炫酷登录页面)
    1.整体效果https://mmbiz.qpic.cn/sz_mmbiz_gif/EGZdlrTDJa6ibiceejK9loT70yREYASOhuSRaI6vQtQ42zN48oafaWDzdndicRuicL31ZuK3mhD82oJThcFHYuSCkw/640?wx_fmt=gif&from=appmsg&wxfrom=13一个酷炫的登录页不仅能够吸引用户的注意力,还能够提升品牌形象,增加用户的信任感。C......
  • 鸿蒙HarmonyOS实战-Web组件(请求响应和页面调试)
    ......
  • Vue-router之页面跳转
    目录1.Vue Router1.1VueRouter的简介1.2安装1.3创建路由器实例2.router-link页面跳转2.1.router-link简介2.2使用路由对象的query属性进行传参1.Vue Router1.1VueRouter的简介官方文档见:https://router.vuejs.org/zh/introduction.htmlhttps://router.v......