文中摘自微信公众平台「三分钟学前面」，创作者sisterAn。转截文中请联络三分钟学前面微信公众号。
做为前端开发，性能提升是最基本、必不可少的內容，也是最繁杂的內容，怎样把此项工作中搞好喃?本系列产品逐渐进到前面性能提升与监管的升阶，具体内容包含但不仅仅仅限于：
- 怎样了解网站性能
- 性能规范
- 怎样考量一个 Web 网页页面的性能：性能指标值
- 从网页页面展现全过程看性能短板
- 性能优化策略
- 普遍性能改进方案：35 条军规[yahoo]、Web 开发设计最佳实践指南[Google]等
- 怎样提升载入性能
- 怎样提升3D渲染性能
- 实践活动：商品详情页秒开、黑屏 300ms 和页面顺畅优化技巧
- 性能实践活动
- 怎样清查载入性能问题
- 怎样清查性能3D渲染问题
- 性能检测工具
- 性能收集与监管实践活动
- 性能收集：商品详情页、黑屏卡屏等
- 性能收集与汇报 SDK
- 从 0 到 1 构建性能服务平台
- 探寻
- 前面性能提升发展方向
协助你从 0 到 1 搭建全部前面性能管理体系，今日先开块头，怎样了解网站性能，下边文章正文逐渐??
怎样了解网站性能
一个大中型网站的性能不仅取决于前面性能，也有网络服务器性能，乃至数据库查询性能
因此，一个秒开顺畅的网站借助前后左右端工作人员的一起努力，本系列产品关键讨论前面(web)性能，即网页页面性能，页面加载性能、用户互动流畅度、翻转载入性能等
大家又该如何去界定 web 性能的优劣?
如何去界定 web 性能的优劣
界定 web 性能的优劣关键由两层面：
- 一个顾客感知的性能(主观性性能)
- 一是开发者衡量的各种性能(客观性能)
在其中最重要的是顾客感知的性能，开发者界定的各种性能指标值便是为其服务项目，最后目标是因为让顾客感知一个高效率、步骤的网站性能
客观性能我们可以根据一定是方式开展提高，如按需载入、加上 defer 或 async 、工程分包等，都能帮助我们提高网站的性能
但当客观性能，大家根据方式方法难以去提升时，例如页面加载文档许多、非常大时，大家还可以利用一定的商品方式来做到用户感知的性能提升(看上去没那麼慢)，例如：
- 提升内搭图
- 提升加载动画
- 增加时间轴
这些
汇总
网站的性能优劣必须前后左右端工作人员的一同维护保养，本系列产品关键讨论前面(web)性能。又???分成开发者衡量的性能(客观)与用户感知的性能(主观性)，当网站客观性能无法提升时，大家可使用一些商品方式给予用户的主观性性能，做到网页页面很有可能没那麼快，让用户感知迅速。
参照：
前面性能提升手册：https://juejin.cn/post/6844904150413606926