谈到前端优化，许多人往往只关注性能优化，而忽视了用户体验优化。
这往往导致我们的前端优化有诸多痛点：
- 目标不明确： 只会照本宣科，把别人的优化手段生搬硬套到自己的项目，找不到自己的优化目标。
- 缺乏量化指标： 无法评估优化效果，拿不出客观、可量化的指标证明优化效果。
- 没有改善用户的主观体验： 优化效果对用户主观体验影响甚微，无法让用户直观地感受到。
- 欠缺长效化机制： 无法保证优化效果长期稳定、不出现衰退。
- 忽视开发体验： 没有认识到开发体验和用户体验的正相关性。
用户体验决定着前端项目的存亡，但前端性能优化不等于用户体验优化。
就像吃饭不等于吃饱，吃饭和性能优化都只是手段，吃饱和优化体验才是目的。
性能优化只是改善前端项目的方式之一，改善用户体验和开发体验才应该是我们优化的根本目的。
基于此，小册姐在这里向大家推荐这本《前端工程体验优化实战》小册。
这本小册不会只简单罗列优化方法，而是更多关注方法论，引导读者从宏观的视角，关注前端优化开始前、实施中、生效后的全过程，最终极致地、有效地改善用户体验和开发体验。
同时，这本小册还有如下优势。
- 理念创新：专注于优化的根本目的体验优化，而非泛泛而谈、浅尝辄止的性能优化。
- 内容新颖：介绍近 5 年新涌现的优化解决方案。
- 理论与实践相结合：深入讲解原理，同时配套6000+行源码，详细介绍实践方案，授人以渔。
- 数据驱动：关注优化效果的量化评估，通过众多具体案例讲解如何用数据图表说话。
以下为数据图表示例：
- 构建耗时优化效果分析表
对比项 / npm run start耗时 （单位：毫秒ms） |
优化前 | 优化后 | 差异 |
|---|---|---|---|
| 平均值 | 6113.9 | 3468.3 | -2645.6 ms (-43%) |
| 中位数 | 6186.5 | 3385.5 | -2801 ms (-45%) |
| 最大值 | 6379 | 3962 | -2417 ms (-38%) |
| 最小值 | 5766 | 3192 | -2574 ms (-45%) |
web-vitals用户体验指标评分可视化图
总的来说，这本小册荟萃了作者 6 年来的优化实践经验和 6000+ 行配套源码，致力于帮助读者形成体验优化的新理念，掌握体验优化的全过程方法论，有效优化用户体验和开发体验。
进而为前端项目带来更多用户、更高营收，帮读者朋友获得更高绩效、更多升职加薪机会，爱上体验优化。
你会学到什么？
- 14类优化方案，领悟前端核心场景优化思路；
- 内容新颖，把握近5年新鲜优化方案；
- 理论实践结合 深入优化原理，配套6000行源码；
- 数据驱动 学会用数据和图表量化收益。
限时6折，现在购买，还能叠加双12满赠~
- 双12活动：🎁 双12狂欢购，全场6折购~
- 所有小册：juejin.cn/course
原文链接：https://juejin.cn/post/7311895107531030537 作者：掘金小册
