工作中我们需要解决各类卡顿、缓慢、白屏问题，优化产品用户体验。本篇会根据几种常见的场景，提供前端性能优化的思路和方案

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

1. 性能优化概述 （1）性能优化的影响 为何会出现性能优化呢？实际上产品的性能优化是市场中类似产品的激烈竞争所导致的，这种竞争是不可避免的。归根结底比的就是“人无我有，人有我优，人有我廉，人廉我专”

前言最近做性能检测工具，很多知识点不清楚，打算查缺补漏，补一补。接下来从官方提供的性能检测工具Lighthouse(灯塔)开始我们的学习，简单介绍了下Lighthouse的一些点。

来看看阿里美团两个厂子为性能优化做的事情。额……可能写得不够多，但绝对是干货。 希望小伙伴们能从中得到启发和收获。

性能优化是一个项目发展到一定时期之后绕不开的话题，也是每个工程师心中永远在撩拨的刺。 总结一下常用的前端性能优化的方法，希望对大家有些帮助~

新特性一：性能标签中 Web Vitals 时间线上的标记光标悬停会气泡显示详情 新特性二：支持可视化 css 的 scroll-snap 属性 新特性三： 新增 ArrayBuffer 和 wasm

fiber并不是计算机术语中的新名词，他的中文翻译叫做纤程，与进程（Progress）、线程（Thread）、协程（Coroutine）同为执行过程。React Fiber可以理解为：React内部的一套更新机制。支持任务不同优先级，可中断与恢复，并且在恢复之后复用之前的保存状…

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