🌟 前言：为什么性能优化=职场护城河？ 「大厂裁员潮下，优化能力=核心竞争力！💪」 每天30分钟掌握一个硬核技能，本文带你用「Brotli+打包优化+Tree Shaking」组合拳，轻松实现加载速度

背景 去年下半年业务高速迭代，大量新 feature 上线，但同时带来的问题是首屏耗时数据日渐上涨，同学们纷纷表示"移动端文档打开越来越慢，太影响工作效率了"。 于是去年年底我做了下优化： 视频 1

这是我在字节用到最硬核的技术，在文章的最开始，请先思考哪种方式执行js的速度更快，是内联脚本还是外联脚本？是将js合并成一个文件还是拆成多个文件？解答这两个问题，先了解js的执行机制：JIT即时编译。

如果您读了很多关于网络性能的东西，保持JavaScript程序快速运行的建议往往包括这些：“不要阻塞主线程”和“分解您的长任务”，但是做这些意味着什么？

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

一、写在前面 我发现即便工作很久了，我还是不会用performance性能分析工具，可能很多小伙伴跟我有一样的问题！ 于是我怒学了一通performance性能工具的使用，想写一篇如何使用perfor

时间分片 旨在把一个运行时间比较长的任务分解成一块一块比较小的任务，分块去执行，因为超过 50ms 的任务就会被认为是 long task，用户就能感知到渲染卡顿和交互的卡顿，所以我们可以缩短函数的连

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance

搜狗百科是一个服务于互联网用户的高质量内容平台。文章主要介绍团队在梳理业务时发现百科无线前端项目在研发流程、架构设计、研发效率、页面性能等方面存在诸多问题和痛点。