虽然平时很少关注性能方面的优化，但是在 cavnas 中是 hin 容易写出卡顿、甚至崩溃的代码的，所以讲一下大体思路还是很有必要的。当然天下乌鸦一般黑，道理都是一样的🥳。

今天中午去饭堂吃饭的路上，我照例刷着技术圈的新闻，手指划着划着突然就停住了。一条消息炸了出来：“Wasm 3.0 标准发布”。 发布日期：2025年9月17日。 我心里默念了一下，得，又是一个足以让无

React Fiber 架构理念前置知识：复习浏览器事件循环机制，了解浏览器帧渲染概念，长任务与短任务的区别。

前言 本文整理自：developers.google.cn 及 高性能JavaScript，再加上了一些个人对其中提到的知识点的理解与补充。前端性能优化涉及很多方面，本文仅针对高性能渲染进行分析。

网站监控，前后端所负责的工作各有不同。 服务器端主要负责分析、告警。前端主要负责日志采集和日志上报。

高性能站点比低性能站点更能吸引和留住用户，而留住用户对于提高用户转化率至关重要。本文以此为背景，介绍字节内部是如何衡量站点性能的，如何依靠性能监控定位线上站点性能问题。

我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深…

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

当项目代码量达到一定级别，我们就会发现我们首次进入项目的时间特别长，其原因就是打包过后的app.js大小过大，加载需要一定的时间。 那我们有什么方法可以进行性能优化呢？