看了本文，我相信你会对使用Chrome的Performance开发者工具有更多信心。不少的博文可能只是介绍Performance面板的各个数据含义，并没有从实际操作上来讲如何使用它来进行性能分析。

大家好，我是小杜杜，有关高性能，大数据量的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，今天我们一起手写一下，看看如何去更好的实现～

公司的单页应用项目中有几十个页面，每个路由都是通过比较简单粗暴的方式配置component: () => import('xxx')。第一次体验这个项目时发现进入另一个页面时会白屏一段时间（主要

性能优化一直是前端工程化中老生常谈的话题，也是前端项目优化的重要的优化点。事实上，随着项目越来越庞大，稍不注意就会产生明显的性能问题。在不同的场景中，我们对于项目性能的关注点是不一样的。在项目开发阶段

之前在 为什么有人说 vite 快，有人却说 vite 慢 一文中，我们有提到开发模式下使用 Vite会有首屏和懒加载性能下降的负面效果，并且在文章的结尾提到了可以通

什么是懒加载？ 懒加载的优点是什么？懒加载的原理是什么？懒加载有哪些实现方式？本文将一一为你解答这些问题，带你通关图片懒加载。