前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

面试中经常遇到性能优化方面的问题，这里都给你罗列明白了。主要从页面加载-渲染阶段的时间花费和谷歌提出的性能优化指标方面入手。都说面试造火箭，工作拧螺丝，今天就说下怎么'造火箭'的。

笔者是一个六年前端，没有大厂经历，也没有什么出彩的项目，所以今年以来，前端现在这种行情下并没有收到多少面试，但是为数不多的面试中，百分之九十都问到了性能优化的问题，而且问题都出奇的一致： 对于这个问题

本文介绍了 useState、useEffect、useContext 等几种 React Hook 的实用小技巧，对于新手是很好的指导型文章，能够帮你减少踩坑。

这是我参与 8 月更文挑战的第 9 天，活动详情查看： 8月更文挑战 随着版本的迭代，业务的发展，代码会越来越多，这时候 webpack 的构建速度有可能就会变慢。 构建时间的长短直接关联着我们的工作

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

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

本文主要以商城实例做为切入点，对项目中经常出现的图片资源列举了对应场景下的解决方案，如果项目中碰到非常多的图片资源，那么可以尝试下文中的一些优化方案。

鉴于前端正在向多元化方向发展，场景愈加复杂，生产环境也经常会出现一些本地环境和测试环境无法复现的问题。