首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
【性能优化】代码优化 (快来看看怎样写出真正高性能的代码)
服部
创建于2022-01-21
订阅专栏
快来看看怎样写出真正高性能的代码
等 7 人订阅
共6篇文章
创建于2022-01-21
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
首屏加载优化
1. 分析 Web增量加载的特点决定了首屏性能不会完美 过长的白屏时间影响用户啊体验和留存 首屏(obove the fold)==> 初次印象 2. 2-5-8 原则 当用户能够在 2 秒以内得到响
性能优化之对象、HTML、CSS优化
1. 对象优化可以做到哪些? 以相同顺序初始化对象成员,避免隐藏类的调整 实例化后避免添加新属性 尽量使用array 代替 array-like 对象 ... 我们的优化都是为了迎合V8引擎,提升效率
性能优化之函数优化
默认进行一个懒解析, 不需要被解析,也不需要给他创建语法树🌲,内存上也不需要进行分配 1. 函数的解析方式 lazy parsing 懒解析 vs eager parsing 饥饿解析 () 括号包裹
配合V8 有效优化代码
V8 是目前效率最高的浏览器引擎,也是 nodejs 采用的引擎 1. V8 编译原理 注:[1]有时候自己的优化可能不合适,当他发现运行不合适时,会发生逆优化,把刚才做的优化去掉,反而降低了我们运行
JS开销和如何缩短解析时间【为什么我的JS运行慢】
1. JS开销在哪里 2. 相同大小的资源的时间开销 js 的时间开销要远大于 其他资源 js 除了需要下载外,编译解析执行也要花费时间 js 会阻塞整个页面,导致慢 如上图 都是170KB的资源,
常用性能测量APIs(关键时间节点、观察长任务、网络状态)
Web标准APIs :关键时间节点(Navigation Timing, Resource Timing)、页面可见性的状态监听、浏览器当前网络状态