首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
首页标签前端性能

#前端性能

Vue项目中的虚拟滚动:提升页面渲染性能的最佳实践

喵喵侠

武汉般若互动有限公司 · 前端开发工程师 (已认证)

在现代 Web前端开发中,性能优化一直是个重要话题。尤其在数据量较大的情况下,页面的渲染性能会直接影响用户体验。使用虚拟滚动技术,可以有效解决大数据量下的渲染性...

15810

设计高性能树形菜单,支持数十万条数据加载。

geobuilding

Geobuilding是一款傻瓜化高可用的GIS数据生产工具,可以导出GEOJSON、SHP、三维模型等格式。在软件中增加[自定义树形菜单]一直悬而未决,直到最...

7000

深入理解前端性能优化:从网络到渲染

天涯学馆

在SPA应用中,利用框架提供的路由级别代码拆分功能,如Vue Router的懒加载。

7510

有趣的 PerformanceObserver

被删

腾讯 · 前端开发 (已认证)

其实这个 API 出了挺久了,机缘巧合下一直没有接触到,直到最近开始深入研究前端性能情况。

32010

前端性能优化--数据指标体系

被删

腾讯 · 前端开发 (已认证)

常常进行前端性能优化的小伙伴们会发现,实际开发中性能优化总是阶段性的:页面加载很慢/卡顿 -> 性能优化 -> 堆叠需求 -> 加载慢/卡顿 -> 性能优化。

21610

前端性能优化--项目管理篇

被删

腾讯 · 前端开发 (已认证)

《前端性能优化--归纳篇》中,我给大家介绍了很多常见的前端性能优化思路和方案,核心优化思想为时间上减少耗时、空间上降低资源占用。其中耗时优化在前端性能优化中更常...

35420

前端性能优化--卡顿定位方案

被删

腾讯 · 前端开发 (已认证)

不管是哪种卡顿监控方式,我们使用检测卡顿的方案发现了卡顿之后,需要将卡顿进行上报才能及时发现问题。但如果我们仅仅上报了卡顿的发生,是不足以定位和解决问题的。

36830

前端性能优化--卡顿监控方案

被删

腾讯 · 前端开发 (已认证)

前面前端性能优化--卡顿篇有简单提到一些卡顿的检测方案,市面上大多数的方案也是基于window.requestAnimationFrame方法来检测是否有卡顿出...

53130

前端性能优化--性能分析工具

被删

腾讯 · 前端开发 (已认证)

最近依然在研究大型项目,而大型项目最容易遇到的问题便是性能问题。一般来说,当我们遇到性能瓶颈的时候,才会开始去进行相应的分析。分析的方向除了业务本身的特点相关之...

1.3K31

前端性能优化--容器篇

被删

腾讯 · 前端开发 (已认证)

对前端项目来说,我们常常会对首屏打开做很多的优化,包括尽量减少首屏需要的代码、对首屏渲染的内容进行分片等等(参考《前端性能优化--归纳篇》)。

26420

前端性能优化--Canvas篇

被删

腾讯 · 前端开发 (已认证)

至于耗时长的计算和卡顿的优化,我会在另外一篇文章中做详细的介绍(参见前端性能优化——卡顿篇)。

77220

前端性能优化--卡顿篇

被删

腾讯 · 前端开发 (已认证)

前面我有给大家整体地讲过《前端性能优化--归纳篇》,其实里面已经囊括了大多数场景下的一些性能优化的方向。

34511

前端性能优化--渲染篇

被删

腾讯 · 前端开发 (已认证)

前面我有给大家整体地讲过《前端性能优化--方案归纳篇》,其实里面已经囊括了大多数场景下的一些性能优化的方向。关于加载流程相关的优化,也有在《前端性能优化--加载...

38530

前端性能优化--加载流程篇

被删

腾讯 · 前端开发 (已认证)

越是交互复杂、用户量大的业务,对性能的要求就越是严格。大多数的前端性能优化,都是从页面的启动和加载流程开始梳理和定位,对于功能复杂的业务来说,这样的梳理尤为重要...

36721

【云顾问-健康看板】腾讯云Status Page(健康看板)前端部署实践

gmzhai

腾讯云健康看板(Tencent Cloud Health Dashborad,下面简称:腾讯云status page ),采用了Next.js全栈框架实现SS...

77950

浏览器层面优化前端性能(2):Reader引擎线程与模块分析优化点

周陆军博客

腾讯计算机有限公司 · 前端开发 (已认证)

renderer与DOM元素是相对应的,但并不是一一对应,有些DOM元素没有对应的renderer,而有些DOM元素却对应了好几个renderer,对应多个re...

1.2K20

浏览器层面优化前端性能(1):Chrom组件与进程/线程模型分析

周陆军博客

腾讯计算机有限公司 · 前端开发 (已认证)

现阶段的浏览器运行在一个单用户,多合作,多任务的操作系统中。一个糟糕的网页同样可以让一个现代的浏览器崩溃。其原因可能是一个插件出现bug,最终的结果是整个浏览器...

73310

浏览器层面优化前端性能(1):Chrom组件与进程/线程模型分析

周陆军博客

腾讯计算机有限公司 · 前端开发 (已认证)

现阶段的浏览器运行在一个单用户,多合作,多任务的操作系统中。一个糟糕的网页同样可以让一个现代的浏览器崩溃。其原因可能是一个插件出现bug,最终的结果是整个浏览器...

83610

据说99%的人不知道 vue-devtools 还能直接打开对应组件文件?

若川

据说 99% 的人不知道 vue-devtools 还能直接打开对应组件文件?本文原理揭秘

17810
领券