有一天，甲方打开一个后台管理的项目，说有点卡，不太满意，项目经理叫我优化，重新打包一下。从输入地址 到 展示 首屏，最佳时间在 3秒内，否则，甲方挂脸，咱就有可能有被裁的风险，understand?

性能分析一直是前端er们津津乐道的话题；而俗话说得好：工欲善其事，必先利其器； 说到前端性能，就少不了性能分析的利器 —— Performance 😎；我想各位前端小伙伴，在使用 Chrome 浏览器

在做性能优化前，我们必须要系统性地了解常见的性能优化手段。当遇到性能问题时，才能知道该从哪个方向着手做性能优化。本文侧重分享一些 如何系统性地优化页面性能 的思路/方向。

自2000年以来，Web开发一直在以惊人的速度发展。从最初毫无章法可循的 “野蛮生长”，到如今已发展出完整的规范体系，各种研究成果和最佳实践层出不穷。Web开发领域的最新技术和开发工具已经令人目不暇接

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性

老板让你做性能优化，第一步你应该做什么？想做好网页性能优化，首先需要先定义好性能指标。性能指标才是做好性能优化的第一步。

对所有网络通信都有决定性影响的两个方面: 1. 延迟分组从信息源发送到目的地所需的时间 (单位：`ms`) 2. 带宽逻辑或物理通信路径最大的吞吐量 (`Mbit/s`)

这是我参与8月更文挑战的第21天，活动详情查看:8月更文挑战 1. TKD设置 页面TKD要包含品牌词及业务词，提升页面排名 例如：掘金的 TKD Title：掘金 - 代码不止，掘金不停 Keywo

作者在我司，做了C端活动架构升级，产出的一种骨架屏。姐妹兄弟篇 -《你可能不知道的动态组件玩法🍉》。