react帧动画实现效果展示， 技术实现：加入animation动画类，加入IntersectionObserver监听，监听dom元素的进入，加入class类。

仅需2行代码，就能让JS文件的加载耗时减少951ms（-67%），代码实现也非常简单方便，耐心看完，一定会有所收获

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性

今天前同事找到我，向我请教了一个性能优化的问题，我简单的跟他回答了一下例如组件懒加载、路由懒加载、开启gzip、公共的第三方包上cdn、还有基础的雅虎53条军规一条条排查等等......

全网最全的webpack热更新调优方式； 帮助你有效的提高前端项目的热更新速度； 学会根据自己项目特点来进行优化。

10月25日，Next.js 13 正式发布。同时，Vercel 还推出并开源了下一代打包工具：Turbopack。Turbopack 是针对 JavaScript 和 TypeScript 优化的增

文章以图/文/代码案例三种结合的形式解读。毋庸置疑,前端缓存一定是前端架构者必定需要考虑的因素，也是开发者的巨大加分项。是前端性能优化中最重要的知识点之一。

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第7天，点击查看活动详情。 前言 前端性能优化 又是个听起来很高大上的词，确实是的，因为它需要 高在性能，大在范围，所幸很多大佬都已

本篇文章将主要讲了常用的前端监控方案，以及前端性能性能优化实践总结，在[Web前端性能优化——了解篇]也可以了解一些前端性能的知识