首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端优化
订阅
肉弹冲鸡
更多收藏集
微信扫码分享
微信
新浪微博
QQ
5篇文章 · 0订阅
Worker中的OffscreenCanvas渲染实践与浅析
产生的契机:用户在交互时的Canvas逻辑与渲染在同一线程内执行,动画产生的卡顿可能会影响用户体验。若在后台渲染,则可以避免耗时的渲染任务阻塞主线程。 使用OffscreenCanvas与Worker结合的方式可以将渲染任务放在子线程中,有效提升用户交互时的界面流畅度。 Tra…
Canvas 渲染优化策略
1.计算与渲染把动画的一帧渲染出来,需要经过以下步骤:计算:处理电子表格逻辑,计算workbook的状态,不涉及DOM操作(当然也包含对Canvas上下文的操作)。渲染:真正把对象绘制出来。JavaS
虚拟列表,我真的会了!!!
如果我想要在网页中放大量的列表项,纯渲染的话,对于浏览器性能将会是个极大的挑战,会造成滚动卡顿,整体体验非常不好。虚拟列表思想的出现,就是为了帮助我们解决长列表问题的,下面让我们来一起了解下吧!
还在看那些老掉牙的性能优化文章么?这些最新性能指标了解下
性能优化相关的文章其实网上挺多,但是大部分都是在讲如何优化性能,也就是讲方法论。但是在实际工作中,如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指标(也可以认为是性能指标),每个指标分别根据以下几点讲解: 首次绘制,FP(First Paint),这个…
前端黑科技:美团网页首帧优化实践
自JavaScript诞生以来,前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向,Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里,通过预渲染提升网页首帧优化,从而优化了白屏问题,提升用户体验,并形成了最佳实践。 通过对比,同构…