图片性能是前端性能优化的重要优化指标之一，本文4千字介绍图片压缩等多种图片优化技术，让你大饱眼福，搞懂图片优化看这一篇就够了。

在做性能优化前，我们必须要系统性地了解常见的性能优化手段。当遇到性能问题时，才能知道该从哪个方向着手做性能优化。本文侧重分享一些 如何系统性地优化页面性能 的思路/方向。

前言 今年随着Vue3的成为正式版本，我们的Element-plus也有了稳定版，那今天我们主要是讲一个功能。我们先来看一下Element-plus新出现的一个玩意: 虚拟列表选择器？这是啥玩意，还能

最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能优化的体系。

我们都知道对于Web应用来说性能很重要。然而性能优化相关的知识却非常的庞大并且杂乱。对于性能优化需要做些什么以及性能瓶颈是什么，通常我们并不清楚（不包括那些对性能优化有丰富经验的高手）。 事实上关于Web性能有很多可以优化的点，其中涉及到的知识大致可以划分为几类：度量标准、编码

前段时间，我将精力专注在Web性能领域；在这个领域下有个重要的课题是如何让网页更丝滑（流畅）。 想让网页变得丝滑，首先，我们需要一个标准来判断什么样的网页是丝滑的；其次，我们要准确的测量出网页的性能数据；最后，使用有效的方法让网页变得丝滑。 本篇文章将针对这三个方面进行详细的介…

| 导语 《孙子兵法·谋攻》：「知彼知己，百战不殆。」在和产品pk的时候，产品最经常的说一句话是，你看他们（竞品）都能实现，你为啥不能？你看他们（竞品）的速度怎么这么快，你看看你，为啥这么慢？ 《孙子兵法·谋攻》：「知彼知己，百战不殆。」在和产品pk的时候，产品最经常的说一句话…

有过面试经验的同学应该都被问过浏览器兼容性的问题，对于面试官的问题，常常猝不及防，因为通常他们都是这么问的。"来谈谈浏览器兼容的问题吧"，"你对浏览器的兼容性有了解过吗"，那么如何才是我们正确回答这个问题的姿势呢。 在CSS3还没有成为真正的标准时，浏览器厂商就开始支持这些属性…