今天是 "虚拟列表" 系列的终章，我将带大家深入探讨 "不定高度列表项" 的处理方式，相较于市面上其他虚拟列表实现，我的这个方案具备以下 3 个优势。

本文旨在把常见的前端性能优化的手段归类整理，画大图，供大家在自己的自测流程中参考。对于性能优化，并不是说有了优化总结这张大图，就不管开发什么项目都对着来一遍。优化是有场景与前提的，「乱优化不如不优化」

优化关键渲染路径、减少回流重绘，提升交互响应。优化资源缓存、使用CDN加速，减少服务器请求。合理使用缓存、压缩和分块传输，减少资源大小。持续监测性能，优化前端代码和设计。最终目标是提高用户体验

凡所执念，皆成束缚 --《佛经》 大家好，我是**柒八九**。 今天我们来聊聊另外一个比较重要的性能指标`TTI`。

很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。 为什么这么说呢？ 用 Performance 和 Memory 工

前端开发者往往不太关注页面所占用的内存，因为前端内存的分配与回收基本是依靠系统自动完成的，这个过程对于开发者是无感的 但内存优化的作用也同样重要，一个好的网站，内存的优化也是极致的

lighthouse 可以搜集网页性能指标，分析 Web 应用的性能并生成报告，本文介绍其中 6 个性能指标的含义与优化方式。