前端开发中经常会遇到大数据量列表展示的性能问题，即大数据量一次性展示时前端渲染大量 Dom，触发渲染性能问题，造成初始加载白屏，交互卡顿等。解决这类问题的方案也有很多，使用虚拟列表展示是一个比较

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

在项目规模增大、工程迭代、需求变更、数据量增长的背景下，项目的性能问题会渐渐浮现。 实际开发中，我做了一个类表格组件，但出现了极其严重的性能问题，导致整个单页渲染在数据量大的情况下需要接近10秒才渲染完成，因此开启了性能分析与优化之路。 选中时间轴片段，在时间轴中，紫色块表示计…

理论篇：详解内存管理和内存泄漏；工具篇：chrome Devtools Memory 面板的基本使用；实验篇：探究与解决 vue 组件内存泄漏问题

正则表达式在我们日程的工作项目中，应该是一个经常用到的技能。在做一些字符的匹配和处理的过程中，发挥了很大的作用。我们这篇文章主要是通过一个我在工作中遇到的性能问题，来探究下正则表达式是如何影响我们的代码性能的。在我们遇到了正则表达式有性能瓶颈的时候，我们应该如何的来对它进行优化…

我们知道，性能优化的一个指标就是打开网页的快慢，因为网页渲染得快能够给用户更好的体验效果。但当网速不给力的时候，难免会出现资源加载的问题。特别是加载图片的时候，本文主要讨论的就是有关图片加载的一些性能优化问题。 创建一个新的html文件,我们首先加载3张图片，来看看它的网络请求…

通过一些平常可能关注不多的点，进行一堆试探，最后回到我们非常耳熟的优化方式中。 1. 图片相关概念 🌰：对于页面进行缩放，我们并没有改变页面内元素的宽高px情况，但是缩放之后页面元素会放大，这是通过是什么实现的。 像素：它是图像显示的基本单元，既不是一个确定的物理量，也不是一…

此篇文章内容将会结合Chrome文档和实际例子，来分析前端常见的性能指标如FP、FCP、LCP等含义，帮助大家加深理解。

定义 Performance 接口可以获取到当前页面中与性能相关的信息。它是 High Resolution Time API 的一部分，同时也融合了 Performance Timeline API