作为React开发者，我曾以为性能优化已做到极致，直到亲眼目睹用户上传4K图片时卡顿12秒的绝望表情。那一刻，我决定背水一战，而WebAssembly成了我的秘密武器。 噩梦般的性能现场 我引以为傲的

首屏加载慢、性能指标看不懂？本节聚焦首屏渲染优化（含资源加载 / 页面渲染），拆解核心 Web 指标，附 Vue3 特有技巧和监控工具。系列后续更交互优化，追更不迷路～

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

前言 大家好 我是鲨鱼哥~ 这是鲨鱼哥 2022 年的第一篇文章 为啥第一篇文章就要写前端性能定位相关呢 其实老粉都知道 性能优化文章我早在去年六月就说要完成的 各种事情一耽误 就过了大半年了

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

前言 Vue 提升了我们开发效率和页面性能，但是在某些情况下 Vue 页面的性能甚至大大低于直接使用 jQuery。 我之前写过一篇 虚拟列表 处理大量数据，但是项目中会使用一些第三方 ui 库，或者

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

当更新 style 属性时，React 仅更新有所改变的属性。