《前端性能优化血泪史》
Nobody has claimed this yet.
- Dominant language
- No language data
- Stars
- 37
- Forks
- 3
- PR merge metrics
- No merged PRs in 30d
Description
| 发布时间 | 2017-06-09 |
| 所在公司 | 百姓网 |
| 演讲类型 | 技术分享 |
| 角色 | 讲师 |
概述
本文描述了我在面临一个宏观的性能优化项目时，所经历的几个阶段。我与大多数前端工作者一样，对 “性能优化” 的认识都是从微观优化开始的。因此在面临一个宏观项目时，必然会经历困惑和成长，最终跳出固有视角，一步步经历追本溯源、打磨工具、拆分目标、多端联合等阶段，逐渐体会真相。
最后一段 “××期” 是一个小插曲和我的吐槽，为保持幻灯片的完整性保留下来，各位读者可忽略。
幻灯片
把 FirstPaint 指标拆分为四个阶段，并分别上报。
下图看板中的四个值就相当于上图中的四个阶段，这四个值在看板上以堆叠视图展示，可以清晰呈现各阶段的耗时与变化趋势。
相关链接
- 项目回顾：
- 开源项目：
- cssmagic/simple-web-perf —— 一个精简的网页性能数据上报工具，为主流移动浏览器优化。
© 经验分享 · 日拱一卒 | Star = 收藏 | Watch = 订阅
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
The issue contains a complete Chinese presentation about frontend performance optimization, including its slide images and links to a related project. No repository file, test, or entry point is named, so first inspect how this blog-style repository stores similar articles; done means the presentation is represented consistently with those entries and all referenced images remain available.
Written by the indexing model from the issue text.
Assessment
- Domain
- content, documentation
- Issue type
- Documentation
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100